๐Ÿ“š node [[react]]

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

-- 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!

๐Ÿ“– stoa (open document) at doc.anagora.org/react
โฅฑ context
โฅ… related node [[2012 06 19 reactions microsoft surface]]
โฅ… related node [[20210206111825 one_reactionary_mass]]
โฅ… related node [[nope changing responsive to reactive doesn t explain why we d specify a server side microsoft]]
โฅ… related node [[reaction]]
โฅ… related node [[reactjs]]