React: Creating and Hosting a Full-Stack Site
Offered By: LinkedIn Learning
Course Description
Overview
Learn how to combine React, Node.js, and Amazon Web Services (AWS) in a full-stack, full-featured website.
Syllabus
Introduction
- Create a full-stack website
- What you should know
- Installing Node.js and NPM
- Project introduction
- Why React?
- Setting up a React project
- Creating the app component
- Creating your blog pages
- Using React Router links
- URL parameters with React Router
- Creating and linking the articles list
- Making your articles list modular
- Creating a 404 page in React
- Why Node.js?
- Setting up an Express server
- Testing an Express server with Postman
- URL parameters in Express
- Upvoting articles
- Automatically updating with nodemon
- Adding comments
- Why MongoDB?
- Downloading and installing MongoDB
- Adding MongoDB to Express
- Rewriting your upvote endpoint
- Rewriting your comments endpoint
- The Axios library
- Adding React hooks
- Calling useEffect at the right time
- Adding data loading to page components
- Displaying comments
- Creating an upvote button
- Creating an add comment form
- Why Firebase Auth?
- Creating a Firebase project
- Adding Firebase Auth to React
- Build a login form
- Creating a custom auth hook
- Build a create-account page
- Adding Firebase Auth to Node.js
- Protecting endpoints using auth-tokens
- Protecting the upvote and comment endpoints
- Making requests with auth tokens
- Making interface adjustments for authenticated users
- Preparing an app for release
- Setting up hosting for MongoDB
- Releasing a full-stack application
- Shutting down a Google Cloud project
- Next steps
Taught by
Shaun Wassell
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity