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 4
Building the Client with React
Content Locked
Section 4
Data Flow with State and Props
Now that you have the basic grasp of some core concepts, it’s time to expand on them and build a dynamic counter component. - Learn how to “lift” state up the component tree - Work with dynamic callbacks and anonymous functions - Review the final component and how the data flows