ello, React! – A Beginner's Setup Tutorial

Article by Derek Greer

This tutorial is merely intended to help walk you through the steps to getting a simple React example up and running. When you're ready to dive into actually learning the React framework, a great list of tutorials can be found here. There are a several build, transpiler, or bundling tools from which to select when working with React. For this tutorial, we'll be using be using Node, NPM, Webpack, and Babel.


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