React Newsletter #73

PrettyLoader, optimizing React performance, and building your first PWA with React


Articles

PrettyLoader: A Pattern for Wait Animations in React

A general guideline of good UX is to have what’s on screen reflect the state of the system. This article introduces a PrettylLoader component for waiting for animations in React.


Tutorials

Optimizing Performance

Internally, React uses several clever techniques to minimize the number of costly DOM operations required to update the UI. For many applications, using React will lead to a fast user interface without doing much work to specifically optimize for performance. Nevertheless, there are several ways you can speed up your React application. This article will show you how.

Build your first progressive web app with React

In this tutorial, you’ll build a simple PWA using React — giving you a boilerplate from which to construct more complex applications.

45% Faster React Functional Components, Now

Here's an interesting pattern that may or may not help your codebase.

Build your own React Router v4

React Router v4 takes a component based approach to routing. In this article you'll learn the intricacies of how React Router works by building your own mini version.


Projects

Painting with Code

React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents.


made with ❤️ by ui.dev