The course starts with React fundamentals including components, props, hooks, state, and so on. Then learn about React hooks such as useState, useEffect, useContext, useReducer, and useRef. Next, you will create custom hooks and see React Router v6.
Then, you will learn how to handle the global state with context, reducers, and hooks.
You will see Firebase 9 authentication, queries, storage, and deploy React apps to Vercel and Netlify. Basic animation with Framer Motion, implementing Leaflet maps and Swiper sliders, and working on full-stack MERN (MongoDB, Express, React, Node.js) are some of the highlights of this course.
All these concepts are explained practically with the help of four different apps/projects. If you have not used React before, the Feedback App project will help you learn the fundamentals of React. The GitHub Finder project further explores the management of the app-level state by introducing actions and reducers. You will work with third-party APIs.
The House Marketplace app will introduce you to Firebase and prepare you to learn a lot about its capabilities as a platform for user authentication, cloud file storage, and a dedicated NoSQL database. Finally, the final project (full-stack MERN support ticket system) is a full-fledged full-stack app that uses Redux and Redux Toolkit.
By the end of the course, you will have built four projects with all the concepts taught. You will also have gained enough confidence and skillset to kickstart your journey with React.
What You Will Learn
- Learn React fundamentals including components, props, hooks, state
- Learn React hooks and how to create custom hooks
- Handle global state with context, reducers, and hooks
- Learn how to use context and reducers to manage global state
- Look at Firebase 9 authentication and basic animation with Framer Motion
- Deploy React apps to Vercel and Netlify
This course is for anyone who wants to learn React from scratch and become a React developer. Individuals who want to sharpen their skills as a React developer or who are looking to further their skills as a front-end developer will also benefit from this course.
About The Author
Brad Traversy: Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media, which is a successful web development YouTube channel and specializes in everything from HTML5 to front-end frameworks such as Angular as well as server-side technologies such as Node.js, PHP, and Python. Brad has mastered explaining overly complex topics in a simple manner that is understandable. Invest in your knowledge by watching Brad’s courses.
Table of contents
- Chapter 1 : Introduction to the Course
- Chapter 3 : Components, Props, and State
- Chapter 4 : Forms, Validation, and Simple Animation
- Chapter 5 : Creating Routes and Links
- Chapter 6 : Context API, useContext Hook, and Deployment
- Chapter 7 : APIs and HTTP Requests
- Chapter 8 : GitHub Finder Project Start
- Chapter 9 : Working with the GitHub API
- Chapter 10 : User Profile and Alerts
- Chapter 11 : Refactoring Context and Actions
- Chapter 12 : More Advanced React Hooks
- Chapter 13 : House Marketplace Project Start
- Chapter 14 : Firebase Authentication and Profile
- Chapter 15 : Get and Create Listings
- Chapter 16 : Single Listings, Map, Slider, and Edit
- Chapter 17 : MERN Project Start, API, and Backend Authentication
- Chapter 18 : Front-End Authentication
- Chapter 19 : Tickets Functionality
- Chapter 20 : Notes Functionality and Deploy
- Title: React Front to Back 2022
- Release date: May 2022
- Publisher(s): Packt Publishing
- ISBN: 9781838645274
You might also like
React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition
**This course is now updated for the latest version of React—React 18** React.js is the most …
Developing Apps with GPT-4 and ChatGPT
This minibook is a comprehensive guide for Python developers who want to learn how to build …
Domain-Driven Design Distilled
Domain-Driven Design (DDD) software modeling delivers powerful results in practice, not just in theory, which is …
Go is rapidly becoming the preferred language for building web services. While there are plenty of …