| 兩邊的前次修訂版前次修改
下次修改 | 前次修改
|
| computer:program:js:react [2025/06/20 05:46] – [工具] wm | computer:program:js:react [2026/03/24 01:14] (目前版本) – [界面] 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]] |
| * [[https://github.com/dustinmyers/react-conflux|Conflux]] | * [[https://github.com/dustinmyers/react-conflux|Conflux]] |
| * [[https://github.com/zerobias/effector|Effector]] | * [[https://github.com/zerobias/effector|Effector]] |
| | * [[https://nuqs.dev/|nuqs]] (URLSearchParams) |
| | === Tip === |
| | * [[https://tkdodo.eu/blog/deriving-client-state-from-server-state|Deriving Client State from Server State]] |
| ====Props==== | ====Props==== |
| * [[https://github.com/pedronauck/react-adopt|React Adopt]] | * [[https://github.com/pedronauck/react-adopt|React Adopt]] |
| ====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://github.com/FormidableLabs/rapscallion|Rapscallion]] | * [[https://github.com/FormidableLabs/rapscallion|Rapscallion]] |
| =====資源===== | =====資源===== |
| | * [[https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices|React Best Practices]] (AI Agent Skill) |
| * [[http://reactcheatsheet.com/|React Cheat Sheet]] | * [[http://reactcheatsheet.com/|React Cheat Sheet]] |
| * [[http://react.rocks/|react.rocks]] | * [[http://react.rocks/|react.rocks]] |
| * [[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://ark-ui.com/|Ark UI]] | * [[https://ark-ui.com/|Ark UI]] |
| * [[https://park-ui.com/|Park UI]] | * [[https://park-ui.com/|Park UI]] |
| | * [[https://base-ui.com/|Base 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://rmwc.io/|React Material Web Components]] | * [[https://rmwc.io/|React Material Web Components]] |
| | * [[https://ariakit.com/|Ariakit]] |
| * [[http://elemental-ui.com/|Elemental UI]] | * [[http://elemental-ui.com/|Elemental UI]] |
| * [[https://evergreen.surge.sh/|Evergreen]] | * [[https://evergreen.surge.sh/|Evergreen]] |
| * [[http://jxnblk.com/rebass/|Rebass]] | * [[http://jxnblk.com/rebass/|Rebass]] |
| * [[https://react-bootstrap.github.io/react-overlays/|react-overlays]] | * [[https://react-bootstrap.github.io/react-overlays/|react-overlays]] |
| * [[https://headlessui.dev/|Headless UI]] | * [[https://headlessui.dev/|Headless UI]] (Tailwind CSS) |
| * [[https://react-spectrum.adobe.com/|React Spectrum Libraries]] | * [[https://react-spectrum.adobe.com/|React Spectrum Libraries]] |
| * [[https://react-spectrum.adobe.com/react-aria/|React Aria]] | * [[https://react-spectrum.adobe.com/react-aria/|React Aria]] |
| ====輸送==== | ====輸送==== |
| * [[https://github.com/tannerlinsley/react-query|React Query]] | * [[https://github.com/tannerlinsley/react-query|React Query]] |
| | * [[https://tkdodo.eu/blog/automatic-query-invalidation-after-mutations|Automatic Query Invalidation after Mutations]] |
| * [[https://swr.now.sh/|SWR]] | * [[https://swr.now.sh/|SWR]] |
| =====工具===== | =====工具===== |
