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

Tutorial by Andrei Duca

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 on the server, Taking benefit of webpack's chunkNames.


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

Building a Blog with Next.js

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great [continue]

Tutorial by Zach Sherman