| 兩邊的前次修訂版前次修改
下次修改 | 前次修改
|
| computer:program:js:react [2021/08/19 06:02] – [狀態] 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]] |
| | === 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://vercel.com/blog/understanding-react-server-components|Understanding React Server Components]] |
| ====Native==== | ====Native==== |
| * [[https://reactnative.dev/|React Native]] | * [[https://reactnative.dev/|React Native]] |
| * [[https://infinite.red/ignite|Ignite CLI]] | * [[https://infinite.red/ignite|Ignite CLI]] |
| * [[https://expo.io/|Expo]] | * [[https://expo.io/|Expo]] |
| | * [[https://solito.dev/|Solito]] |
| ==== Renderer ==== | ==== Renderer ==== |
| * [[https://docs.pmnd.rs/react-three-fiber/|React Three Fiber]] | * [[https://docs.pmnd.rs/react-three-fiber/|React Three Fiber]] |
| =====框架===== | =====框架===== |
| * [[https://github.com/zeit/next.js|Next.js]] | * [[https://github.com/zeit/next.js|Next.js]] |
| * [[https://open.segment.com/create-next-app|Create Next App]] | * [[https://next-auth.js.org/|NextAuth.js]] |
| * [[https://blitzjs.com/|Blitz]] | * [[https://blitzjs.com/|Blitz]] |
| | * [[https://vercel.com/templates/next.js/photo-blog|Photo Blog with Admin Panel]] |
| * [[http://www.electrode.io/|Electrode]] | * [[http://www.electrode.io/|Electrode]] |
| * [[https://umijs.org/|UmiJS]] | * [[https://umijs.org/|UmiJS]] |
| * [[http://react-components.com/|React Components]] | * [[http://react-components.com/|React Components]] |
| * [[https://github.com/glittershark/reactable|Reactable]] | * [[https://github.com/glittershark/reactable|Reactable]] |
| * [[https://reactnavigation.org/|React Navigation]] | |
| * [[https://github.com/rackt/react-router|React Router]] | |
| * [[https://github.com/reactjs/react-router-tutorial|React Router Tutorial]] | |
| * [[https://github.com/rackt/async-props|AsyncProps for React Router]] | |
| * [[https://github.com/rackt/react-router-redux|react-router-redux]] | |
| * [[https://github.com/molefrog/wouter|wouter]] | |
| * [[https://github.com/STRML/react-router-component|React Router Component]] | |
| * [[https://facebook.github.io/fixed-data-table/|FixedDataTable]] | * [[https://facebook.github.io/fixed-data-table/|FixedDataTable]] |
| * [[https://github.com/reactjs/react-art|React ART]] | * [[https://github.com/reactjs/react-art|React ART]] |
| * [[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://reactrouter.com/|React Router]] |
| | * [[https://react-location.tanstack.com/|React Location]] |
| | * [[https://reactnavigation.org/|React Navigation]] |
| | * [[https://github.com/molefrog/wouter|wouter]] |
| | * [[https://github.com/STRML/react-router-component|React Router Component]] |
| | * [[https://kyeotic.github.io/raviger/|raviger]] |
| ====樣式==== | ====樣式==== |
| * [[https://github.com/gajus/react-css-modules|React CSS Modules]] | * [[https://github.com/gajus/react-css-modules|React CSS Modules]] |
| * [[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://nextui.org/|NextUI]] (Stitches) |
| * [[http://material-ui.com/|Material UI]] | * [[http://material-ui.com/|Material UI]] |
| * [[https://rmwc.io/|React Material Web Components]] | * [[https://rmwc.io/|React Material Web Components]] |
| * [[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]] |
