Take your React beyond the tutorial

React is here to stay. It solves many problems you may not even know existed. These essays are the good stuff I learned over the years.

Learning from tutorials is easy. You follow some steps, learn a smol lesson, and feel like you got dis ๐Ÿ’ช

Then comes the interview, a real world problem, or a question from the boss. Your mind goes blank. Shit, how does this work again ...

Happens to everyone. Building is harder than recognizing and the real world is a mess! Nothing fits in neat little boxes you learned about in tutorials.

That's where my emails come in โ€“ lessons from experience. Building production software :)

Leave your email and get the React email Series - a series of curated essays on building with React. Borne from experience, seasoned with over 12+ years of hands-on practice building the engineering side of growing SaaS companies.

Latest React articles from Swizec

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

Livecoding #29: Optimizing React choropleth map rendering

Using HOCs to DRY up your code

Dancing tree fractal with React

Fun surprise: UglifyJS can't ES6

Livecoding #28: Productizing the door-answering Slack bot, Part 1

One awkward thing about MobX: Complex models

November 2016

Livecoding #27: New React Indie Bundle page almost done

Fractals in React

Fast, searchable dropdown inputs with React

I made a python script that converts SVG to React ?

Livecoding #26: A new page for a new React Indie Bundle

Modeling time in React

How to structure your MobX app for the real world

A tiny ES6 fetch() wrapper that makes your life easier

October 2016

Livecoding #25: Adding MobX to a vanilla React project

Simple MobX-driven modals

How to use MobX with create-react-app

Histogram in D3v3 vs D3v4

Livecoding #24: A choropleth in React.js