Deploying React

Articles & Tutorials

Deploying a Client-Side Rendered create-react-app to Microsoft Azure (css-tricks.com)
May 10, 2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve you well.
  • Adebiyi Adedotun
React Production Deployment with Heroku (blog.bitsrc.io)
Feb 25, 2019
How to deploy a React app with a back-end API. Part 3: Heroku.
  • Esau Silva
From Zero to Deploy: how I created a static website from scratch using Netlify + Gatsby (medium.freecodecamp.org)
Feb 18, 2019
After my first year working as a frontend web developer, I got the idea to have my own personal site. It’d be a platform to showcase my work, share content, and serve as a creative outlet for me outside of work. Here, I’ll walk you through my experience building the site from zero to deploy.
  • Eden Adler
How to set up & deploy your React app from scratch using Webpack and Babel (medium.freecodecamp.org)
Feb 14, 2019
This guide will cover the most simple React configuration that I’ve personally used for almost all of my React projects. By the end of this tutorial we will have our own personal boilerplate and learn some configurations from it.
  • Nathan Sebhastian
React Production Deployment Part 2 — Now (blog.bitsrc.io)
Feb 14, 2019
How to deploy a React app with a back-end API. Part 2: Now.
  • Esau Silva
Integrate React with Firebase and Deploying with Gitlab + Netlify (itnext.io)
Feb 04, 2019
I’ve been working on a personal project for learning and practicing some things. I’m gonna share some configurations that I had to do before starting to develop this project in React.
  • Roberto Dote
React Production Deployment with Netlify (blog.bitsrc.io)
Jan 28, 2019
How to deploy a React app with a back-end API. Part 1: Netlify.
  • Esau Silva
Deploying a Prismic and Next.js blog to Now (garymeehan.ie)
Jan 12, 2019
In this post we will be using Now to deploy our blog. Now makes serverless application deployment easy! Not only that, but their free tier is very generous.
  • Gary Meehan
How to deploy a React app with an Express server on Heroku (medium.freecodecamp.org)
Dec 18, 2018
Recently I had to deploy a website to Heroku for one of the pieces of freelance work I was doing. I think this process may be somewhat difficult, and a detailed tutorial or article on how to do this should help. So this one is going to be very simple and hopefully very short.
  • Ashish Nandan Singh
How to go from idea to URL quickly with React.js and Heroku (medium.freecodecamp.org)
Oct 29, 2018
When I was first starting out as a developer, the one thing that I wanted to do was get a web application live. I wanted it online for the world to see. I didn’t care about how it looked, what features it had, or even if anyone would ever see it or use it.
  • Tom Schweers
How to deploy a static Gatsby app to Heroku (medium.freecodecamp.org)
Oct 24, 2018
This tutorials explains how to set up the deployment of a static GatsbyJS project with Heroku and Github. You will learn how to create a…
  • Kristin Baumann
How to add app icons and splash screens to a React Native app in staging and production (medium.freecodecamp.org)
Oct 24, 2018
To add a staging and production environment, and to add app icons, requires us to use Xcode and Android Studio, and we do it the same way we do with native iOS or Android projects.
  • Khoa Pham
Getting Started with React – An Overview and Walkthrough (taniarascia.com)
Aug 19, 2018
An overview and walkthrough of fundamental React concepts, such as components, state, and props, as well as submitting forms, pulling data from an API, and deploying a React app to production.
  • Tania Rascia
Dockerizing React Applications for Continuous Integration (telerik.com)
Jul 17, 2018
Learn how to use Docker and containerization in your React apps and understand the benefits though this straightforward example.
  • Taylor Jones
Deploy React and Express to Heroku (daveceddia.com)
May 18, 2018
A step-by-step tutorial where you'll make a React app, an Express API server, and deploy both to Heroku.
How to set up continuous integration and deployment for your React app (medium.freecodecamp.org)
May 16, 2018
Setting up a React development environment can be confusing and daunting to newcomers.
  • Zac Kwan
Deploy a commercial Next.js application with pkg and docker (medium.com)
May 14, 2018
Letting customers operate their own applications without source code is the key point in this deploy flow.
  • Michael Hsu
How to package your React Component for distribution via NPM (itnext.io)
Feb 26, 2018
So how difficult is it to package my React Component for distribution via NPM?
  • Suprada Urval

Video Guides & Talks

Intro to CircleCI with React (youtube.com)
Mar 12, 2019
Learn how to deploy your React application to Netlify using CircleCI.
Create React App + Heroku + ExpressJS (youtube.com)
Aug 11, 2017
In this video we will deploy a React app to Heroku using ExpressJS.
  • Jamie Barton

Books & Guides

React Distilled (sebhastian.com)
Mar 05, 2019
The book distills the most important topics to learn about React, so you don't have to painstakingly browse the web, looking for pieces of React knowledge to build a fully working application.
  • Nathan Sebhastian

Courses & Video Series

Building Serverless Web Applications with React & AWS Amplify (egghead.io)
Feb 05, 2019
This course walks you through setup and implementation to get your cloud-based application up and running. You’ll finish the course ready to quickly and easily deploy your serverless React application, so users can start using and enjoying it right away.
Building Server-side Rendered React Apps for Beginners (pluralsight.com)
Jan 02, 2019
You'll see how to easily build high performance web apps that implement server-side rendering on every landing page using the Next.js framework.
  • Peter Kellner
Pro Gatsby 2 (leveluptutorials.com)
Nov 02, 2018
Learn how to build the fastest websites on the planet with this Gatsby v2, a new static site generator using React.
React for Designers (designcode.io)
Jul 24, 2018
With this course, you'll learn how to build and animate your site from scratch. Create highly customizable components for your design system. A 6-hour course for designers, by designers.
  • Meng To
Rapid Development on AWS: React, Node.js & GraphQL (frontendmasters.com)
Jul 16, 2018
Learn how to make your way through all the Amazon Web Services' offerings
Learn The MERN Stack (youtube.com)
Jun 27, 2018
In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions.
Universal JavaScript with Next.js (next.training.leftlogic.com)
Jun 12, 2018
Zero configuration, universal JavaScript web apps with Next.js for React.
  • Remy Sharp
Learn React by building and deploying production ready app (udemy.com)
Mar 29, 2018
Concise course for seasoned javascript developers, who are new to React or want to strengthen their React skills
  • Dimi Mikadze
React For Beginners (reactforbeginners.com)
Feb 28, 2018
Upgrade your JavaScript skills to learn React.js in just a couple of afternoons. A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.
Pro Gatsby (leveluptutorials.com)
Feb 26, 2018
In Pro Gatsby, you'll learn how to build extremely fast websites in React with the hottest static site generator around.
The Complete React Web Developer Course (with Redux) (udemy.com)
Sep 07, 2017
Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more
  • Andrew Mead
Building and Deploying a Full-Stack React Application (lynda.com)
Jun 26, 2017
Discover how to architect, create, and deploy a scalable, full-stack React application
  • Carl Peaslee
React Fundamentals (tylermcginnis.com)
Apr 12, 2017
In this course we'll start from a blank folder and we'll build an application that encompasses everything you need to get started building production ready applications with React (including Routing and Ajax requests).