Learn the foundations of React and how to make production worthy applications

Introduction

Learn how to build a production grade React application from setup through deployment.

It covers core React methodologies, patterns for building composable UI, styling components, advanced state management with Redux, routing, server side rendering, performance techinques, and how to bundle and deploy applications.

This 2 day workshop offers a beginner-to-intermediate training session.

Upon completion of this course, developers will understand:

• Core React methodologies

• Configure Webpack, babel, PostCSS

• Build composable Applications with components

• Style React UI

• Handle application routing

• Render React on the server

• Manage state both locally in React Components and with Redux

• Avoid common performance pitfalls with React

• Build and Deploy for Production

Pre-requisites

• Understanding of the javascript language, HTML and CSS

• Basic understanding of the termainal and UNIX commands

Course Outline

Day 1

Introduction

• What is React

• Why choose React

• The power of React

Concepts

• Thinking in React

• State vs Props

• Single Page Apps

• CRUD applications with React

Setup

• Babel, Webpack, PostCSS, and NPM Scripts

• Recommended project architecture

• Using industry standard developer tools

Routing

• What is the React Router

• How to handle routing in your application

• Static and dynamic routing

Day 2

Advanced State management with Redux

• All about Redux

• Creating a Redux store

• Accessing Dispatch and State with Redux

• Displaying Redux state inside components

• Refactor your application to use Redux

• Learn Redux dev tools

Server Side Rendering

• Advantages of server side rendering

• Initializing state with Redux on server side

• React Router on server side

• Refactor your application to use server side rendering

• Learn about Redux middlewares and asynchronous API calls

Optimize your application and deploy to production

• Tips on optimizing applications for production deployment

• Deploy application to production