React Newsletter #47

React Implementation Notes, Electrode + SSR, and Progressive Web Apps with React.js


Articles

React Implementation Notes

Curious about how React works under the hood? Here's a great article about React's stack reconciler, the thing that powers all React production code today.

Electrode + SSR

Electrode was built in order to increase React's server side rendering speed. In this post, you'll learn how Walmart used Electrode to improve React's SSR Performance by up to 70%.

Progressive Web Apps with React.js: Part 2

This is Part 2 of a new series walking through tips for shipping mobile web apps optimized using Lighthouse. This issue, you’ll be looking at page load performance.


Tutorials

Server Side Rendering library for React Router v4.

Server Side Rendering library for React Router v4. Allows to do code-splitting using webpack and to fetch data. Renders the page on the server side and resolves all issues with mounting on the client side.

Step-by-step tutorial to build a modern JavaScript stack from scratch

This is a minimalistic and straight to the point guide to assembling a JavaScript stack. It teaches you how to set up ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon, and Flow. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring all these tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch.


Projects

vim-react-snippets

A Vim snippet library for React in ES6

React-lego

Incrementally add more cool stuff to your react app.

Introducing React Axiom

React Axiom is a lightweight (~12kb) way to use models with the React component tree.


made with ❤️ by ui.dev