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 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (36.024 Stars) (1.974 Forks)batch import

help wantedmaintenance

Beschreibung

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
Schwierigkeit: 3
Geschätzte Zeit: half day
Aktivitätsstatus: stale
Klarheit: clear
Voraussetzungen: React 18JavaScriptHooks
Einsteigerfreundlichkeit: 55
Research-Richtung: 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.