Modern Full-Stack React Projects

<p><strong>Polish your web development skills by working on real-world projects for different use-cases of full-stack web development</strong></p><p><strong>Free with your book: DRM-free PDF version + access to Packt's next-gen Reader*</strong></p><p><strong>Key Features</strong></p><p>- Understand how the different aspects of a MERN application come together through a series of practical projects</p><p>- Set up frontend and backend projects that can be integrated and maintained together</p><p>- Enhance your proficiency in building scalable and sustainable React projects</p><p>- Purchase of the print or Kindle book includes a free PDF eBook</p><p><strong>Book Description</strong></p><p>Recent trends show deeper integration between the two opening numerous possibilities for building real-world web applications through server-side technologies like Node.js Express and MongoDB.</p><p>Written by the author of Learning Redux and Learn React Hooks and CEO of TouchLay Modern Full-Stack React Projects will guide you through the entire process of advancing from a frontend developer to a full-stack developer. Starting with how to set up robust projects that can be maintained for a long time you'll then progress toward developing a backend system and integrating it with the frontend. Throughout the book you'll learn how to build test and deploy a blog application and a chat application. You'll also explore MongoDB Express React Node.js (MERN) stack best practices for frontend and backend development different full-stack architectures unit and end-to-end testing and deployment of full-stack web applications. Once you get to grips with the essential concepts you'll progress to learn how to use Next.js an enterprise-grade full-stack web framework for React.</p><p>By the end you'll be well-versed in the MERN stack and all set to create performant and scalable full-stack web applications.</p><p>*Email sign-up and proof of purchase required</p><p><strong>What you will learn</strong></p><p>- Implement a backend using Express and MongoDB and unit-test it with Jest</p><p>- Deploy full-stack web apps using Docker set up CI/CD and end-to-end tests using Playwright</p><p>- Add authentication using JSON Web Tokens (JWT)</p><p>- Create a GraphQL backend and integrate it with a frontend using Apollo Client</p><p>- Build a chat app based on event-driven architecture using Socket.IO</p><p>- Facilitate Search Engine Optimization (SEO) and implement server-side rendering</p><p>- Use Next.js an enterprise-ready full-stack framework with React Server Components and Server Actions</p><p><strong>Who this book is for</strong></p><p>This book is for frontend developers JavaScript engineers and React developers who possess a solid understanding of JavaScript and React concepts. Specifically designed for those with limited experience in the development creation integration and deployment of backend and full-stack systems this book will equip you with the necessary skills to create high-quality web applications.</p><p><strong>Table of Contents</strong></p><p>- Preparing For Full-Stack Development</p><p>- Getting to Know Node.js NPM and MongoDB</p><p>- Implementing a Backend Service Using Express Mongoose ODM and Jest</p><p>- Integrating Frontend with the Backend Using React and TanStack Query</p><p>- Deploying the Application with Docker and CI/CD</p><p>- Adding Authentication and Roles with JSON Web Tokens</p><p>- Improving the Load Time Using Server-Side Rendering</p><p>- Making Sure Customers Find You with Search Engine Optimization</p><p>- Implementing End-to-End Tests Using Playwright</p><p>- Aggregating and Visualizing Statistics Using MongoDB and Victory</p><p>- Building a Backend with a GraphQL API</p><p>- Interfacing with GraphQL on the Frontend Using Apollo Client</p><p><strong>(N.B. Please use the Read Sample option to see further chapters)</strong></p>