React

96 articles ยท all categories

February 2021

A TypeScript trick for reusable hooks

Reusable hooks are all fun and games until TypeScript starts yelling at you about incompatible types.

November 2020

SSR, SSRwR, SSG, CSR, WTFBBQ???

These abbreviations are getting out of hand. It's like a bad interviewer's wet dream.

October 2020

Refactoring a useReducer to XState, pt1 โ€“ CodeWithSwiz 11

XState promises to be like useReducer+Context combined and the simplest way to handle complex state in React apps. But can it deliver? On this episode of #CodeWithSwiz, we gave it a shot.

September 2020

Why NextJS /api routes are fab โ€“ CodeWithSwiz 6

In this episode of CodeWithSwiz, we tried NextJS's support for /api routes โ€“ code running on the backend. In a word โ€“ Wow

How React Query gives you almost everything you thought you needed GraphQL for

GraphQL solves every problem you've ever had talking to APIs on the frontend. Mention a switch to GraphQL to your team and they think it's a joke. Rewrite our entire app? oh you jokester. React Query is the perfect middle ground โค๏ธ

August 2020

Lessons from migrating a 14 year old blog with 1500 posts to Gatsby

After 4 years of putting it off, 1 year of tinkering, a month of work, and $1500 of hired help, my new blog is finally here ๐ŸŽ‰ Here's what I learned.

When your brain is breaking, try XState

Why react-hook-form is my new favorite form library

June 2020

Wormhole state management

April 2020

Why you should build a form generator

Lemme guess, every project involves 1 or 2 forms and they're all the friggen same. You got forms coming out the wazoo. Render fields. Connect to state. Add field validation. Detect submit. Add form validation. Send fetch request. Repeat.

August 2018

Build responsive SVG layouts with react-svg-flexbox

ReactVR/react-360 is great, but maybe not quite there yet

Answering some common questions about React + D3 2018

April 2018

Declarative D3 charts with React 16.3

Declarative D3 transitions with React 16.3

Livecoding recap: Blockchain-redux now shares blocks between clients in real-time

March 2018

Livecoding Recap: A new more versatile React pattern

Silky smooth Piechart transitions with React and D3.js

February 2018

Seamlessly render a Preact component in a React project

January 2018

Fade in lazy loaded images with React and CSS โ€“ a quick guide

How to populate react-redux-form with dynamic default values

September 2017

Server-side rendering a D3 chart with React 16

Livecoding Recap #45: Almost building a ballistic missile with React and AR.js

August 2017

How you can translate any random D3 example to React

The two ways to build a zoomable dataviz component with d3.zoom and React

March 2017

N-body Collision Simulation with React, D3, and MobX

February 2017

Livecoding #34: A Map of Global Migrations, Part 3

A Dancing Rainbow Snake โ€“ An Example of Minimal React and D3v4 transitions

January 2017

Livecoding #30: Dipping my toes in React Native

December 2016

Animating 2048 SVG nodes in React, Preact, Inferno, Vue, Angular 2, and CycleJS โ€“ a side-by-side comparison