React is made by facebook or something.
My development practices
Program as functionally as possible!
-
Always use functional components. Never classes.
-
Never use 'let' or 'var'; only 'const'.
Hook Tips
-
useMemo for expensive computations. It's magic
-
useHook is a replacement for most UX logic
-
useEffect is used to replace any rerendering in response to dependency changes; this is primarily useful for making requests when the user takes an action (thus changing props)
Tips
sharing code between react and react native
-
Always use capital letters for React components, and always use React component syntax to call them. It's okay if this means declaring a constant with a capital letter; that's expected and idiomatic in this case, even if it feels inconsistent.
Tools
3kb React alternative: Preact React bindings for Purescript Experimental state management for React Interact with any react component like a map easy infinite scroll
-
Jotai:: Primitive React state management
UI
-
Indigo:: Tlon's React components; Web Design
-
Chopchop:: Mouseless paged reader for the browser
-
Fluent UI:: Microsoft's UI Framework
-- react vim wasm:: Vimeditor embedded in React code
Learning
build your own react making wbepage with purescript and react build react from scratch ️ A spring physics based React animation library
Using WebP images with React · Josh W Comeau
the best way to handle react forms: https://react-hook-form.com/get-started https://usehooks.com/: react hook recipes!! https://github.com/ruvkr/react-components-by-ruvkr: mobile responsive react components! https://github.com/DustinBrett/x: react based desktop environment in the browser
Demos
https://www.reddit.com/r/reactjs/comments/k4u4fj/demo_of_morphing_talking_bubble_on_codepen_built/: morphing designs on codepen! https://www.reddit.com/r/reactjs/comments/i2t2ww/pull_to_refresh_velocitybased_morphing_svgs_with/: velocity svg manipulation https://www.reddit.com/r/reactjs/comments/ixjngh/trying_something_different_for_my_portfolio_what/: portfolio chat bot!
- Open document (Hedgedoc) at https://doc.anagora.org/react
- Video call (Jitsi) at https://meet.jit.si/react