React Newsletter #21

Optimizing React performance, a cartoon guide to Facebook's Relay, and React and the economics of dynamic web interfaces


Articles

Optimizing React Performance using keys, component life cycle, and performance tools | Part 1

By nature of what we do here at React newsletter, we read a LOT of articles. Few have been as good as this one. In this article Jae walks through the importance of properly using keys and shouldComponentUpdate to help your components re-render in the most performant ways possible. If you're not already a pro with performance in React, definitely set some time aside to read this.

A cartoon guide to Facebook’s Relay, part 2

Lin Clark's Code Cartoons gives us another section on Facebook's Relay! Relay makes the connection between the graph in the cloud and the graph that the user is interacting with on the page.

React and the economics of dynamic web interfaces

While React has been on the scene for quite some time now, at least in the timescale of front end technologies, it can be hard to see it's impact on the web. This is especially true if you only use a single framework. Nicholas C. Zakas gives his analysis to the discussion of how React has affected the economics of dynamic web interfaces.


Tutorials

Building Your First React.js App

Getting started with a new library or framework can be daunting. Per Harald Borgen gives us this article which will take you through every step of building the simplest React app possible. Even simpler than a to-do list.

My Reaction to React

As a front end developer it can be a lot of work to sort out all of the different frameworks out there and deciding which framework to use for your project can become increasingly complex. One developer decided to write his own framework to solve the problem, which is a tempting prospective to anyone faced with the task of learning a new tool.


Projects

9 things every React.js beginner should know

Given React's open and mostly unopinionated style, it can be difficult to get started with the framework. It can be hard to make progress when stuck, and hard to know if you're using some patterns that might paint you in a corner. Cam Jackson recounts his experience with React and gives us a rundown of some tips he's learned while exploring the "framework".

Webpack for React

Over the years, web development evolved from pages with few assets and little to none JavaScript into full featured web applications with complex JavaScript architectures. For a while, developers used a series of tools to tackle the problems associated with such architectures. Webpack has taken the React world by storm because it solves a lot of the problems complex web applications create.

React integration for ASP.NET MVC

ReactJS.NET makes it easier to use Facebook's React and JSX from C# and other .NET languages, focusing specifically on ASP.NET MVC.

An interactive electronic simulator built with React

People are really smart. This is an instance of someone being really smart. In this project, Thom built a interactive electronic circuit simulator using React.


made with ❤️ by ui.dev