| 兩邊的前次修訂版前次修改
下次修改 | 前次修改
|
| computer:program:js:react [2023/12/24 00:17] – [框架] wm | computer:program:js:react [2025/10/28 06:47] (目前版本) – [Reference] wm |
|---|
| ====States==== | ====States==== |
| * [[https://dev.to/davidkpiano/no-disabling-a-button-is-not-app-logic-598i|No, disabling a button is not app logic.]] | * [[https://dev.to/davidkpiano/no-disabling-a-button-is-not-app-logic-598i|No, disabling a button is not app logic.]] |
| | * [[https://tkdodo.eu/blog/use-state-for-one-time-initializations|useState for one-time initializations]] |
| * [[https://github.com/jamiebuilds/unstated|Unstated]] | * [[https://github.com/jamiebuilds/unstated|Unstated]] |
| * [[https://github.com/theKashey/memoize-state|memoize-state]] | * [[https://github.com/theKashey/memoize-state|memoize-state]] |
| ====Context==== | ====Context==== |
| * [[https://leewarrick.com/blog/the-problem-with-context/|The Problem with React's Context API]] | * [[https://leewarrick.com/blog/the-problem-with-context/|The Problem with React's Context API]] |
| | ==== Suspense ==== |
| | * [[https://suspensive.org/|Suspensive]] |
| ==== Reference ==== | ==== Reference ==== |
| * [[https://jaketrent.com/post/fallback-ref-react/|Fallback Ref in React]] | * [[https://jaketrent.com/post/fallback-ref-react/|Fallback Ref in React]] |
| * [[https://github.com/davidkpiano/useeffectreducer|useEffectReducer]] | * [[https://github.com/davidkpiano/useeffectreducer|useEffectReducer]] |
| * [[https://github.com/rauldeheer/use-async-effect|useAsyncEffect]] | * [[https://github.com/rauldeheer/use-async-effect|useAsyncEffect]] |
| * [[https://kentcdodds.com/blog/dont-call-a-react-function-component|Don't call a React function component]] | |
| * [[https://usehooks.com/|useHooks]] | * [[https://usehooks.com/|useHooks]] |
| * [[https://observable-hooks.js.org/|Observable Hooks]] | * [[https://observable-hooks.js.org/|Observable Hooks]] |
| | === Tip === |
| | * [[https://kentcdodds.com/blog/dont-call-a-react-function-component|Don't call a React function component]] |
| | * [[https://kentcdodds.com/blog/usememo-and-usecallback|When to useMemo and useCallback]] |
| ====Components==== | ====Components==== |
| * [[https://medium.com/@dan_abramov/react-components-elements-and-instances-90800811f8ca|React Components, Elements, and Instances]] | * [[https://medium.com/@dan_abramov/react-components-elements-and-instances-90800811f8ca|React Components, Elements, and Instances]] |
| * [[https://recoiljs.org/|Recoil]] | * [[https://recoiljs.org/|Recoil]] |
| * [[https://github.com/pmndrs/zustand|zustand]] | * [[https://github.com/pmndrs/zustand|zustand]] |
| | * [[https://tkdodo.eu/blog/zustand-and-react-context|Zustand and React Context]] |
| * [[https://github.com/LFSCamargo/tunnel|Tunnel]] | * [[https://github.com/LFSCamargo/tunnel|Tunnel]] |
| * [[https://github.com/cassiozen/useStateMachine|useStateMachine]] | * [[https://github.com/cassiozen/useStateMachine|useStateMachine]] |
| * [[https://linaria.dev/|Linaria]] | * [[https://linaria.dev/|Linaria]] |
| ====界面==== | ====界面==== |
| | * [[https://mantine.dev/|Mantine]] (CSS Modules) |
| * [[https://chakra-ui.com/|Chakra UI]] | * [[https://chakra-ui.com/|Chakra UI]] |
| | * [[https://ark-ui.com/|Ark UI]] |
| | * [[https://park-ui.com/|Park UI]] |
| * [[https://www.radix-ui.com/|Radix UI]] (Stitches) | * [[https://www.radix-ui.com/|Radix UI]] (Stitches) |
| * [[https://nextui.org/|NextUI]] (Stitches) | * [[https://nextui.org/|NextUI]] (Stitches) |
| * [[http://material-ui.com/|Material UI]] | * [[http://material-ui.com/|Material UI]] |
| * [[https://mantine.dev/|Mantine]] (emotion) | |
| * [[https://rmwc.io/|React Material Web Components]] | * [[https://rmwc.io/|React Material Web Components]] |
| * [[http://elemental-ui.com/|Elemental UI]] | * [[http://elemental-ui.com/|Elemental UI]] |
| * [[https://github.com/evcohen/eslint-plugin-jsx-a11y|eslint-plugin-jsx-a11y]] | * [[https://github.com/evcohen/eslint-plugin-jsx-a11y|eslint-plugin-jsx-a11y]] |
| * [[https://github.com/yannickcr/eslint-plugin-react|ESLint-plugin-React]] | * [[https://github.com/yannickcr/eslint-plugin-react|ESLint-plugin-React]] |
| * [[https://github.com/facebookincubator/create-react-app|Create React App]] | * [[https://github.com/ArnaudBarre/eslint-plugin-react-refresh|eslint-plugin-react-refresh]] |
| * [[https://github.com/eanplatter/enclave|Enclave]] | * [[https://github.com/eanplatter/enclave|Enclave]] |
| * [[https://github.com/tj/react-hooks|react-hooks]] | * [[https://github.com/tj/react-hooks|react-hooks]] |
| * [[https://github.com/garbles/why-did-you-update|Why did you update]] | * [[https://github.com/garbles/why-did-you-update|Why did you update]] |
| * [[https://github.com/crysislinux/chrome-react-perf|React Perf]] | * [[https://github.com/crysislinux/chrome-react-perf|React Perf]] |
| | * [[https://github.com/aidenybai/react-scan|React Scan]] |
| ====測試==== | ====測試==== |
| * [[https://www.npmjs.com/package/react-test-renderer|React Test Renderer]] | * [[https://www.npmjs.com/package/react-test-renderer|React Test Renderer]] |
