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

Contributor guide

Tech stack: reactjavascript
Domain: frontendperformance
Issue type: feature
Difficulty: 3
Estimated time: half day
Activity status: stale
Clarity: clear
Prerequisites: React 18JavaScriptHooks
Newbie friendliness: 55
Research direction: 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.