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

• React specific component playground

• 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

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

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!