Making sense of React’s useEffect

Today Dan Abramov published an extensive deep dive into useEffect. The issue that many devs (who, including me, have been using componentDidMount before) are having, is that they now need to unlearn a few things It’s only after I stopped looking at the useEffect Hook through the prism of the familiar class lifecycle methods that […]

Making setInterval Declarative with React Hooks

Dan Abramov’s blog Overreacted is pure gold and contains a ton of information. Take today’s post β€œMaking setInterval Declarative with React Hooks” for example, in which he explains why setInterval and Hooks (which should be released in today’s planned React 16.8 release) don’t play that nice together out of the box. // This won’t work […]

useHooks(🐠) – Easy to understand React Hook recipes

Hooks are an upcoming feature that lets you use state and other React features without writing a class. This websites provides easy to understand code examples to help you understand how hooks work and hopefully inspire you to take advantage of them in your next project. useHooks(🐠) → πŸ’β€β™‚οΈ Not familiar with Hooks? The announcement […]

RE: The React is β€œjust” JavaScript Myth

πŸ—£ This was originally posted as a reply over at Dave’s blog. Unfortunately Disqus – the commenting system Dave uses – thinks it’s spam, so I’m posting it here as a full post instead. In his blogpost The React is β€œjust” JavaScript Myth, Dave Rupert said this: React shows up on the scene with Babel, […]

React v16.3.0: New Lifecycle Events and Context API

React 16.3.0 just got released. Next to being able to forward refs and some changes to the lifecycle events it also sports a new Context API which I’ve written about before. Even though the introductory blogpost over at the React blog is very detailed, the video below – covering the new Context API – forms […]

Unstated β€Šβ€” β€ŠThe setState of React State Management

Unstated is designed to build on top of the patterns already set out by React components and (the new) Context. Unstated is built upon three pieces that all work together: Container <Subscribe> <Provider> The idea is that the Container only keeps itself busy with the state. Using <Subscribe> you can link that state to your […]