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 评论) (0 反应) (0 负责人)JavaScript (36,024 star) (1,974 fork)batch import

help wantedmaintenance

描述

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

贡献者指南

技术栈: reactjavascript
领域: frontendperformance
议题类型: feature
难度: 3
预计时间: half day
活动状态: stale
清晰度: clear
前置要求: React 18JavaScriptHooks
新手友好度: 55
研究方向: 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.