I’ve started a new coding blog in December: Overreacted.
People often ask why I moved off Medium. Doesn’t it have a better distribution than a personal blog? I’ll answer this question here. My reasons are simple:
(This article is also available on the DEV community without the paywall.)
I strongly recommend to watch this opening keynote to see the problems we’re trying to solve with the Hooks proposal. However, even an hour is a big time investment, so I decided to share a few thoughts on Hooks below.
Note: Hooks are an experimental proposal to React. You don’t need to learn about them right now. …
People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at the indirection Redux introduced to their code. “Why do I have to touch three files to get a simple feature working?” Why indeed!
People blame Redux, React, functional programming, immutability, and many other things for their woes, and I understand them. It is natural to compare Redux to an approach that doesn’t require “boilerplate” code to update the state, and to conclude that Redux is just complicated. In a way it is, and by design so.
Redux offers a tradeoff…
I receive programming questions on Twitter, GitHub, email, and other channels. I try to answer them when I can. Lately I haven’t been able to do that very well because I’m a human and don’t scale.
For personal questions, I maintain an AMA. If you want to know my favorite Pokémon, ask a question or read the answers!
If you have a programming question, read on.
If you can’t get React to render a “hello, world” example or if your Redux counter doesn’t update when you press “+” and you’re stuck, you can message me directly on Twitter with that…
Note: React Hot Loader 3, released a month after I published this article, solves most of the problems described in this post. Give it a try!
My goal was to bring a live editing environment that preserves component state and handles errors gracefully to as many React users as possible.
By all reasonable metrics, React Transform has been a success. If anything, it proved the demand for a better development experience.
I would even say it has been way too…
Many people get confused by the difference between components, their instances, and elements in React. Why are there three different terms to refer to something that is painted on screen?
If you’re new to React, you probably only worked with component classes and instances before. For example, you may declare a Button component by creating a class. When the program is running, you may have several instances of this component on screen, each with its own properties and local state. This is the traditional object oriented UI programming. Why introduce elements?
In this traditional UI model, it is up to…
Today I gave a talk on React Hot Loader, Redux, and the powerful developer tools that Redux makes possible. If you haven’t seen my talk yet, wait for the video — I’m sure it’ll be up soon!
In an earlier version of the slides, I had an “Inspiration” slide. I cut it, like I cut many other slides, to fit into the 30 minutes cap. If you were inspired by my talk, you probably already saw these three talks.
But if for some reason you missed either of them, I envy you.
They are the best.
There has been no shortage of great Flux implementations, such as Flummox, Alt, or Fluxible. Most of them are focused on making Flux easier to use with the server rendering and reducing the boilerplate. They also often provide convenience utilities like higher-order components and asynchronous action helpers. Still, under the hood, many of them are built on top of the original Flux Dispatcher.
Reducing the boilerplate of Flux is often a tradeoff. Some libraries have chosen to forfeit the great properties of Flux in order to be more succinct.
Working on @reactjs. Co-author of Redux and Create React App. Building tools for humans.