React Front to Back 2022 [V]

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.

All the resource files are added to the GitHub repository at: https://github.com/packtpublishing/react-front-to-back

Type

video

Category

Web Development

publication date

2019-02-20

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

duration

1203

key features

Learn modern React by building 4 projects and suitable for beginners and intermediate React developers * Build a House Marketplace with React and Firebase 9 * Build a full-stack MERN support ticket system with Redux Toolkit

approach

This course is highly practical, and its hands-on approach adds a layer of comprehension with four projects! This course explores many of the components of the React framework and comes bundled with a full stack MERN project. Coding through these projects will offer you a lot of opportunities for repetition and a deep understanding of the flow of React fundamentals.

audience

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.

You should have intermediate-level knowledge of JavaScript before learning React or any framework as some advanced JavaScript concepts are being used here.

meta description

This course includes exposure to the MERN stack as well as Firebase, which provides a real-world learning experience for using React and leveraging your learning with four practical projects.

short description

Are you looking to leverage the capabilities of React to build interactive elements for a website? Then this is the course for you. This course is carefully structured to make the process of learning the latest version of React both practical and easy. Build practical projects such as Feedback app, GitHub Finder, House Marketplace, and Full-Stack MERN support ticket system while learning. An intermediate-level knowledge of JavaScript is required.

subtitle

Learn modern React by building four projects including a Firebase 9 app and a full-stack MERN app

keywords

React, JavaScript, Node.js, VS Code, Git, Postman, MongoDB, React Router, Firebase, MERN app, full-stack app, Redux, Hooks, Redux Toolkit, Authentication with JWT, Vercel, Netlify, Heroku

Product ISBN

9781838645274