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.
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
Book Description
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
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
Who this book is for
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.
