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 commentaires) (0 réactions) (0 assignés)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

Guide contributeur

Stack technique: reactjavascript
Domaine: frontendperformance
Type d'issue: feature
Difficulté: 3
Temps estimé: half day
Statut d'activité: stale
Clarté: clear
Prérequis: React 18JavaScriptHooks
Accessibilité débutant: 55
Direction de recherche: 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.