How to Set up a React Front-end for a Full-Stack Application

CBT Nuggets trainer Shaun Wassell covers each of the steps to follow to set up your front-end for an eventual full-stack application in React. Watch along as Shaun creates a new project, verifies installations, and creates the first components for an eventual to-do list application.

A to-do app is a great example for app-building demonstration videos because they’re helpful examples of how much of the app data can be stored in the backend and not the front-end. That relationship between the user data available to the app and the data that only the back-end can see and manipulate is why setting up a good front-end in React is so important.

The app will make network requests to the data server depending on what the app needs to have happen. If data should load, or a new to-do needs to be created, or an old one needs to be deleted, those requests get sent by the app and the server supplies it.

Shaun gets started with Create React App and demonstrates the code to use to generate new React apps. You’ll need nodeJS v14.17.5 and NPM v6.14.14 versions to follow along.

-----------------
Connect with CBT Nuggets for the latest in IT training:

#react #fullstack #nodejs #ittraining #cbtnuggets