react

How & why: A guide to using TypeScript with…

Using TypeScript with React can increase development speed, improve code readability, and more.
Ogundipe Samuel
6 min read

Animating Route Transitions with React Router

React Router v4 provides an intuitive, declarative API for building React apps that support navigation. However, there is not much in the docs, stack-overflow,...
Christian Nwamba
4 min read

React Router DOM: Setup, essential components & parameterized routes

Recently, Yomi did a great job writing about advanced React Router concepts. But if you’re just starting out with React Router, that post was...
Esteban Herrera
10 min read

Quick guide to webpack bundle and code splitting with React

Introduction You’re probably here because your app has grown to the point where forcing the user to download the entire thing as a single...
Christian Nwamba
2 min read

Advanced React Router concepts: Recursive path, code splitting, animated…

Before setting down the path of advanced concepts, first let’s all agree on the basics. React Router provides: routing capabilities to single-page apps built...
Yomi Eluwande
7 min read

Introduction to Preact : A smaller, faster React alternative

Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 API. As a frequent user...
Yomi Eluwande
7 min read

Building an offline-first app with React and RxDB

Offline functionality is becoming an increasingly important part of an app’s user experience. This is not just important for apps that function offline-first, but...
Esteban Herrera
8 min read

Creating Canvas Graphics in React

The HTML5 Canvas is a powerful tool for embedding performant, interactive graphics in web apps. It has broad browser support and built-in APIs for...
Ben Edelstein
2 min read

Building size-aware React components

When building React apps, it is sometimes advantageous for components to have awareness of their size and position on screen. This is useful both...
Ben Edelstein
2 min read

Recreating the Chrome Console in React

One of the core features of LogRocket is the replay of console and Redux logs in production web apps. To do this, you add...
Ben Edelstein
5 min read

Make React Fast Again [Part 3]: Highlighting Component Updates

React is usually pretty fast, but it’s easy to make small mistakes that lead to performance issues. Slow component mounts, deep component trees, and...
Ben Edelstein
2 min read

Make React Fast Again [Part 2]: why-did-you-update

React is usually pretty fast, but it’s easy to make small mistakes that lead to performance issues. Slow component mounts, deep component trees, and...
Ben Edelstein
2 min read