Topic

react

A collection of 6 issues

Hooked on Hooks: Portfolio Madness

A theme, a static site generator, and an animation library walk into a bar… If you haven’t read I am refactoring my portfolio and one of the things I wanted to do was do it from scratch. I got caught up on the details of a portfolio I admire

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 API 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 use

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: <input type="text" ref={this.someInput} required