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

help wantedmaintenance

倉庫指標

Star: (36,024 star)
PR 合併指標: (30 天內沒有已合併 PR)

描述

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

貢獻者指南

研究方向: 將專案中的 React 升級至版本 18。修改 Carbon.js，使用 useDeferredValue 替代防抖（參見 React 文件）。識別具有載入狀態的元件以整合 useTransition。在適當的地方使用 useId（已完成）。確保升級後自動括號補全功能正常運作。
技術棧: reactjavascript
領域: frontend
議題類型: 功能
難度: 3
預計時間: 半天
活動狀態: 活躍
清晰度: 清晰
前置要求: React
新手友善度: 50

倉庫指標

描述

貢獻者指南

每天在信箱收到新鮮 Easy issues。