REACT, EXPRESS JS, & MySQL: REACT FOR FRONT-END! (part 3)

We will implement react, express, & mysql in this video series! This video is part 3 of our React, Express, & MySQL full-stack web app development! If you're new here, please watch the previous videos. In this tutorial, we are going to create the React Application for our front-end. We will be making API calls, basic react cookie practices, working with environment variables, and much more!

This tutorial series of react, express, & mysql will help you visualize what is it like to build a web app using these technology stacks. This react, express, & mysql tutorial will serve only as a basic foundation on learning the full-stack web development using these technologies.

Previous Video: Express & MySQL from Scratch! (part 2)
https://www.youtube.com/watch?v=xgsn6Z60XAM

Timeline:
1:13 - Installing React App
2:24 - Install react libraries
5:42 - Working with Sass
7:57 - Updating the parent component (App.js)
9:29 - Adding React Cookies Provider
11:20 - Applying basic Navigation using react-router-dom
14:13 - Preparing the Login and Tweet Components
17:05 - Creating separate routes object for content navigation
18:13 - Importing the routes.js file to the parent component (App.js)
19:09 - Mapping the routes object to display the components based on the route's path
21:34 - Working with cookies that will be used for the login session
23:06 - Working with environment variables
26:57 - Applying cookies to the login component
30:33 - Building the functionality of the Login Component
37:23 - Writing the login process (API Call)
46:50 - Adding React Hooks to the Tweet Component
50:44 - Adding Save functionality (API Call)
52:07 - Adding Get List of Items functionality (API Call)
56:35 - Adding a Delete Functionality (API Call)
58:45 - Testing our front-end app

NODE JS
https://nodejs.org/en/download/

XAMPP
https://www.apachefriends.org/download.html

GITHUB for the EXPRESS API
https://github.com/jackoftraits/tweeter-express-api

GITHUB for the REACT APP
https://github.com/jackoftraits/tweeter

Sound: www.bensound.com

#react #express #mysql