very opinionated thoughts on the web, by tiff

react

useRef and useEffect Seem like code smells

useRef and useEffect Seem like code smells

Look I am not on the React team, nor am I smart enough to be. I also don't know what kind of heuristics they went with in order to create the library but something feels hacky to me while reading about useRef() and useEffect(). Why should a well designed library

Hooked on Hooks: Portfolio Madness

Hooked on Hooks: Portfolio Madness

A theme, a static site generator, and an animation library walk into a bar…

Piping in a Node API from Glitch to a React Frontend

Creating the frontend was the hardest part for me. Not because I am unfamiliar with React per se, but consuming APIs in a React app was new to me. All of this time programming and I have very little experience with the Fetch API1 though I am rewriting my Wikipedia

Three Ways to Pass Props to Components Outside of Parent/Child Relationships

> It is really late here on the East Coast but I have been wanting to get this out for weeks now. If there are any errors or wrong examples/logic, you can edit this post on GitHub. All suggestions welcome. -------------------------------------------------------------------------------- React excels at urging users to use a to

What Are Components and Props?

In order to understand how React renders the UI, we need to understand two crucial elements to a React application: components and props. Each of these elements allow you to reuse pieces of your application and think about each piece in isolation of the others. What Are Components? Components are

What Is React Reconciliation?

Photo by Anthony DELANOIX on Unsplash > This is an update to this article because of input by Dan Abramov. Thanks Dan! In order for React to be as fast as it is, it only needs to update the parts of the DOM that need it. You really don’t need

How to Bind this in React Without a Constructor

this in React is a reference to the current component. Usually this in React is bound to its built-in methods so that when you want to update state or use an event handler on a form, you could do something like this: where this.someInput is passing state to whichever