React
- How I Would Use a UI Library
- Adding Guards to a `useReducer` Finite State Machine
- Adding Infinite States to a `useReducer` Finite State Machine
-
align-items: center
vs.text-align: center
- Break Out Your Component Logic with Hooks
- Careful with Context Composition
- Compound Components
- Conditional React Hooks
- Context, Composition, and Flexibility
- Conway's Game of Life
- Creating a React Native “Curved Bottom Bar” with Handwritten SVG
- Debounce and Throttle Callbacks with React Hooks
- Design System Retrospective
- Discriminated Unions and Destructuring in TypeScript
- Encapsulation
- Enumerate, Don't Booleanate
- Capture Phase Event Handling in React
- Can a State Machine be a String?
- Facade Pattern
- Firebase and Gatsby, Together At Last
- Guidelines for State Machines and XState
- Head Scratcher #1
- Helpful Debugging Hooks
- How I Built “Test Your Focus”
- How I Structure My React Projects
- How to Add Algolia Search to a Gatsby Site
- How to Render an Object in React
- How to Dynamically Render React Components
- How To Use Client Side Libraries in a Universal JavaScript App
- How to Use React Context Effectively
- How to Use `useReducer` as a Finite State Machine
- JSX was a Mistake
- Loading State Trick for Stateless Functional Components in React
- Make Your Own Charts in React Without a Charting Library
- Memoization: What, Why, and How
- Mental Model of Use Effect
- Multiple Boolean Props are a Code Smell
- Never Call
new Date()
Inside Your Components - No Outer
margin
- The Three Kinds of React State
- Parametric Design
- Prefer Alphabetized Object Keys
- Prefer Multiple Compositions
- Prefer Declarative State Updaters
- Prefer Function Updaters in State Setters
- Prefer Noun-Adjective Naming
- Quit Your YAP-ing
- Recursive React Components
- Renderless Components
- Responsive Design and Composition
- Tic-Tac-Toe in React
- Typescript Prevents Bad Things... and Good Things
- UI Composition
- Updating State with a Component
- useEncapsulation
- Use Old School State
- Comparing `useRef` and `useState`
- `useMemo` and Stable Values
- Using `React.memo` to Avoid Unnecessary Rerenders
- What I Love About React #1
- What is a Tuple?
- Why I Rewrote My Blog With Gatsby
- Why Use
useReducer
? - Wrangling Tuple Types
- The Wrapped State Setter Pattern