📕 subnode [[@jakeisnt/react]] in 📚 node [[react]]
📕 text contributed by @jakeisnt 🔗

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)


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.


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


-- react vim wasm:: Vimeditor embedded in React code


build your own react making wbepage with purescript and react build react from scratch ️ A spring physics based React animation library

soapdog (mastodon: @soapdog@toot.cafe) (@soapdog): "my wish for the 2020 #web: ✨ MOAR BROWSERS: I want new smaller beskpoke user agents. Stuff that puts out innovative UX and pushes the web forward. ✨ VANILLA IS THE NEW REACT: fuck frameworks. Lets go back to basics. JS is pretty capable and all that most webapps need. 1/" | nitter

Paul Henschel on Twitter: "the flower offering of spains zaragoza festival has been recreated online for safety reasons. this was made in react, react-three-fiber, gltfjsx (declarative assets) and use-cannon (physics). congrats to whoever made it, sad cause, but you can be proud of yourselves! https://t.co/33A2fq31zu" / Twitter

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


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!

Receiving pushes... (requires JavaScript)
Loading context... (requires JavaScript)
📖 stoas (collaborative spaces) for [[@jakeisnt/react]]