The 2017 React Development Starter Guide

Video Tutorial by

If you would like to start out and make your first steps with React you'll quickly realize that React is easy to learn. However one of the biggest obstacles you'll be confronted with as a React beginner is the tooling and ecosystem. Choosing from the various tooling options and packages is an overwhelming task if you're a React beginner. However, you can avoid this pain by choosing a premade boilerplate for your first React app. In the following tutorial we'll use 'create-react-app' to bootstrap our application. It's an opinionated zero-configuration starter kit for React.

Related resources

Set Up a Typescript React Redux Project

This post provides a way to type your React Redux project with Typescript. [continue]

Tutorial by Nick Scialli

Complete React Tutorial for Beginners (2020)

Learning React is tough. It seems there's a lot to learn at once. You might even think that 'learning React' means that you have to also learn about Redux, Webpack, React Router, CSS in JS, and a pile of other stuff. This article is designed for total beginners to React, as well as folks who've tried [continue]

Tutorial by Dave Ceddia

How to use Sass and CSS Modules with create-react-app

With the release of create-react-app v2, the team at Facebook gave us the ability to use Sass and CSS Modules right out of the box, and in this tutorial you will learn how simple it is to include them in your projects using create-react-app. [continue]

Tutorial by Esau Silva

Upgrading a create-react-app project to a SSR + code splitting setup

The default CRA setup can be OK for small projects, it's not always enough for larger, more complex applications. Luckily, we can improve things, even without ejecting. Let's try to do this step by step. This is what we'll cover: Server-side rendering, Code splitting with react-loadable, Code splitting [continue]

Tutorial by Andrei Duca