React Newsletter #50

Achieving 20ms server response time with Server Side Rendering and caching, React.js Forms: Controlled Components, and Math: the React.js Way


Articles

Achieving 20ms server response time with Server Side Rendering and caching

We all love ReactJs for it’s rendering performance, modularity and the freedom it gives to choose your stack. But there is one thing that makes it stand out. Server side rendering. Before React, most of the javascript frameworks focused on building Single Page Applications and did a pretty great job at it. But now it’s 2016, the era of Hybrid Apps! Apps that can run beyond browser environment. React has started a trend by supporting server side rendering, which enables us to build end-to-end javascript apps.

React.js Forms: Controlled Components

This tutorial covers controlled form components, and touches on React best practices like immutability and unidirectional data flow. There're plenty of examples for you to borrow and tweak for use in your own projects.

Math: the React.js Way

Have you found yourself doing intense math problems using weird symbols like +, −, ÷, and×? Do you enjoy the speed and developer experience of React.js? Thanks to react-real-math you can now harness the power of the React.js Virtual DOM to make your Math blazing🔥 fast! 😂

React 101 - Composition vs Inheritance

React recommends using composition instead of inheritance. But what is composition? What is inheritance? Why should we use one over the other?

Redux Step by Step: A Simple and Robust Workflow for Real Life Apps

Redux has become one of the most popular Flux implementations for managing data flow in React apps. Reading about Redux, though, often causes a sensory overload where you can’t see the forest for the trees. This article is a straightforward and opinionated workflow for implementing real life apps with Redux. It is shown by example with a step by step implementation walkthrough of an actual app. It attempts to apply the principles behind Redux in a practical way and detail the thought process behind every decision.

A Visual Guide to State in React

React’s “state” is one of the more difficult concepts to learn. Not just what to put in state, but what it actually is and what it’s for. And also how Redux is related to React state. This article hopes to clear up some of that confusion.


Tutorials

Modular CSS with React

Buffer is a pretty respectable company. Here's how they handle CSS with React.

Practical Redux, Part 1: Redux-ORM Basics

Useful techniques for using Redux-ORM to help manage your normalized state, part 1: Redux-ORM use cases and basic usage


Projects

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅


made with ❤️ by ui.dev