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

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 :: Vim editor embedded in React code

Learning

build your own react

October 15, 2020