Setting up the React Application

Learn how to install different dependencies and create an initial React application.

We'll cover the following...

Setting up the environment
Setting up your first React application
Starting the server
Try it yourself

Setting up the environment

Note: All the steps in this lesson are to set the environment up in your local machine.

Getting started with React is fairly easy, thanks to the useful set of build tools. First, we install the Node Package Manager, often referred to as “npm”. It is used to manage the packages in any given project. We then install create-react-app, a tool for starting with a React front-end. The -g flag tells npm to install it globally, rather than in the local project.

On a Mac, we ...

Introduction

Basic Client Pages with React

Dynamic Client-Side Pages with React

Server-Side API Creation with Flask

Database Definition and Creation with SQLAlchemy

Code Documentation with Sphinx

An Introduction to Code Testing

UI Testing

API Testing

Database Integrity Testing

Automatically Testing Every Update

Design a Web Application

Build the Data Model

Build the REST API

Build the React Client

Finishing Touches for the App

Web Authentication

Deploy the Application

Conclusion

Appendix

Setting up the React Application

Setting up the environment