Deploying React Apps

From Development To Production

• Deployment Steps & Pitfalls
• Server-side Routing vs Client-side Routing

Deployment Steps

Test Code: Manually & with automated tests

Optimize Code: Optimize user experience & performance

Build App: Run build process to parse, transform & optimize code

Upload App: Upload production code to hosting server

Configure Server: Ensure app is served securely & as intended

Lazy Loading

Load code only when it’s needed

A React SPA is a “Static Website”

Only HTML, CSS & JavaScript

  ⬇️

A static site host is needed

Firebase Hosting

• https://react-deployment-demo-4ab16.web.app/
• https://react-deployment-demo-4ab16.firebaseapp.com/

Server-side Routing vs Client-side Routing

Resources

• 5 of the Best Static Website Hosting Services

• 10 Free Web Hosting Solutions for Static and Dynamic Sites