This post will curate the best resources, tools, libraries, and articles that will help you learn to build production applications with React.js. This 6000 word post will take you from getting started with React, through UI design, routing, testing, deployment, and continuous integration. There are many sections and you should feel free to jump to the resources you need.
Improving our React workflow with ES6 and functional stateless components
Someone once asked on Twitter about the concrete, real-world benefits of ES6 (or ES2015, as it’s officially known, despite nobody calling it that). It seems the benefits would be a bit difficult to measure: ES6 mostly just adds convenience. How does a convenience-feature benefit us? If you think about it, convenience makes code easier to write. When we have more …
Using WebRTC and React to build a basic chat server
In this article, we’re going to look at how to use WebRTC to relay chat messages between browsers in a React application. Last time we learned how to store and handle data in a React app. If you’ve just looking to learn about React and WebRTC, you should be able to follow this without reading the previous entries in the …
React application data-flow: Where and how to store your data?
This is the third article in the series where we build a Slack-style chat app with React. Last time we set up NPM and Browserify for our project. With the tooling set up, we can focus on building our application’s features again. The first feature I want to add is of course having multiple chat participants. But our code is …
Getting started with npm and Browserify in a React project
This is the second article in a series where we build a Slack-style chat app with React. So far, in the previous article, we’ve built a simple prototype. We want to start adding features to it – such as actually supporting multiple people chatting – but before we do that, let’s set up some tools. npm and Browserify are useful …
Learning React basics and building a basic application prototype
This is the first part in a series of articles, where we’ll be using React to build a Slack-style chat application. In this article, we’ll start by building a basic prototype. We’ll start by learning about React components and JSX. While doing that, we’ll also look at the basics of building React applications.
Getting started with React the easy way
There’s a lot of talk lately about how it’s hard to get started with JavaScript libraries like React. You need ES6, you need Babel, you need this, you need that. If all you want is to try a library, there’s tons of technobabble getting in your way, sometimes involving so many steps it’s easier to just go and do something …