Donovon has created this nice flowchart that explains the new lifecycle of a Hooks component. Comes in handy 😉 hook-flow →
Tag Archives: react
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 […]
The React Handbook
If you’re looking to get started with React, then the (massive) React Handbook will come in handy. The React Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic. Best part of it all is that it starts with a big section on Modern JavaScript (e.g. ES2015 and newer) […]
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 […]
Convert SVG to JSX with SVGR
Ooh, this one’s handy. Paste in (no drag and drop unfortunately) the contents of an SVG file and out comes the JSX code for immediate use within your React project. SVGR also simplifies your SVG using SVGO (which is also the driving force behind SVGOMG) SVGR : The SVG to JSX transformer →
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 […]
The exciting future of React
Good talk by Kitze on some of the new features of React. Think Error Boundaries, the new Context API, etc. Additionally he also looks forwards to getDerivedStateFromProps, the upcoming deprecation of componentWillMount / componentWillUpdate / componentWillReceiveProps, and the aforementioned (but no longer available?) call-return feature.