Update to react@18 · carbon-app/carbon#1360

2022-04-02T19:50:53.000Z

- [ ] Upgrade to `react@18` - [ ] Confirm automatic bracket (`{}`, `()`, `[]`, …) completion works correctly - [ ] Take advantage of `useDeferredValue` instead of debouncing in `Carbon.js` * https://reactjs.org/docs/hooks-reference.html#usedeferredvalue - [ ] Use `useTransition` where we have a loading state * https://reactjs.org/docs/hooks-reference.html#usetransition - [x] Use `useId` for `id={}` * https://reactjs.org/docs/hooks-reference.html#useid

(0 comments) (0 reactions) (0 assignees)JavaScript (36.024 stars) (1.974 forks)batch import

help wantedmaintenance

Description

Upgrade to react@18
Confirm automatic bracket ({}, (), [], …) completion works correctly
Take advantage of useDeferredValue instead of debouncing in Carbon.js
- https://reactjs.org/docs/hooks-reference.html#usedeferredvalue
Use useTransition where we have a loading state
- https://reactjs.org/docs/hooks-reference.html#usetransition
Use useId for id={}
- https://reactjs.org/docs/hooks-reference.html#useid

Guia do colaborador

Pilha de tecnologia: reactjavascript
Domain: frontendperformance
Tipo Issue: feature
Difficulty: 3
Tempo estimado: half day
Status da atividade: stale
Clarity: clear
Prerequisites: React 18JavaScriptHooks
Simpatia para novatos: 55
Direção de pesquisa: Upgrade React to version 18 in the project. Modify Carbon.js to use useDeferredValue instead of debouncing (see React docs). Identify components with loading states to integrate useTransition. Use useId where appropriate (already completed). Ensure automatic bracket completion works correctly after the upgrade.