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 (1,974 forks)batch import

help wantedmaintenance

Repository metrics

Stars: (36,024 stars)
PR merge metrics: (No merged PRs in 30d)

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

Research direction: Study React 18 features (useDeferredValue, useTransition, useId) and apply them to the specified components in the codebase.
Tech stack: reactjavascript
Domain: frontend
Issue type: Feature
Difficulty: 3
Estimated time: Half day
Activity status: Active
Clarity: Clear
Prerequisites: React
Newbie friendliness: 50

Repository metrics

Description

Contributor guide

Get fresh easy issues in your inbox.