Book Image

Hands-On MERN Stack Web Development [Video]

By : Filip Danić
5 (1)
Book Image

Hands-On MERN Stack Web Development [Video]

5 (1)
By: Filip Danić

Overview of this book

There's a growing demand for full-stack developers, but becoming one is not an easy task. A full-stack engineer is expected to have frontend and backend skills, as well as extensive knowledge of build tools and deployment workflow. Building real-world projects and understanding the MERN stack is a great way to become a full-stack engineer. So, the journey starts by taking you through the MERN stack to explore Node.js and Express and set up the groundwork for the project. It's vital to store data safely hence we dive into the world of MongoDB and integrate it with our backend. Now, we build a client application that can consume API services. With React you'll be able to solve the two most daunting frontend problems and use JSON Web Tokens (JWTs) to integrate authentication and session management on both the client and the server. Finally, we review the skills that you've acquired throughout the course, look into the MERN boilerplate, and examine the application's architecture to build applications on it. By the end of the course, you will not only have built a fully functional web application, but you'll also be well on your way to becoming a full-stack web developer. You'll be equipped with a deeper knowledge of the MERN stack, as well as general web development patterns and concepts. The code bundle for this video course is available at https://github.com/PacktPublishing/Hands-on-MERN-Stack-Web-Development
Table of Contents (7 chapters)
Chapter 5
React App Architecture
Content Locked
Section 4
Creating the Category and Product View
Now that we know how to request data from the backend, let’s implement two new views: a categories page and a single product page. - Work with dynamic parameters to make filtered requests - Create a loading indicator - Request a single product and display a unique page