“Zero config does not have to mean: impossible to configure/extend. It can mean: super defaults with a sensible and obvious override/extension strategy.” – @kentcdodds
Python and React are a pairing that seems to be gaining in popularity. If you enjoy both, check out IDOM, a library that lets you build React-like components with Python. To quote author Ryan Morshead: “IDOM is a new declarative Python package for building highly interactive user interfaces.”
This is the second ‘best practices’ post I’ve shared in the past few issues. It feels like the community is starting to coalesce around some shared best practices for the functional version of React we find ourselves using in 2021. Check out this impactful list of ideas from Michiel Mulders.
I liked this simple, practical, and free Hooks cheat sheet from Sébastien Castiel enough that I paid for it. It’s so handy to see all of the use cases and best practices for hooks on a single page!
From developer Angelo Verlain come explosiv, a static site generator that supports JSX. If you enjoy the declarative, component-based development experience and want the benefits of a static site generator, give explosiv a try.
New to React? This Reddit r/reactjs thread from u/hogstfelttf helps sort through the myriad questions beginner programmers and React users often ask. Read it to get quickly up to speed on the ideas and resources filling the beginner space.
Worth celebrating: this tweet from Paul Henschel noting that React has crossed 10 million installs per week. React continues to be a technology worth investing in. Paul says: “Crazy how all it took was a really good idea to unite the dev world.”
Interfaces vs. Types is a TypeScript conundrum that probably doesn’t deserve the frustration it causes. Harry Wolff breaks it down in this short video. His conclusion: the choice doesn’t really matter, and you should probably use Interfaces.
I’ve been revisiting the first few pages of React’s docs this year; here’s the overview of how React renders elements. Building up a mental model for these foundational details has helped me understand and debug React code. I like this quote: “React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.”
Did I miss something important in the React community? Respond to this email to set me straight. I also welcome suggestions for improvement or corrections.
Do you want to really (really!) learn React, while staying current on this exploding ecosystem? Subscribe to React Explained, a bi-weekly newsletter of amazing, curated React news and resources, simply explained. It’s free! Subscribe now.