{"product_id":"modern-full-stack-react-projects-build-maintain-and-deploy-modern-web-apps-using-mongodb-express-react-and-node-js","title":"Modern Full-Stack React Projects: Build, maintain, and deploy modern web apps using MongoDB, Express, React, and Node.js","description":"\u003cp\u003e\u003cstrong\u003ePolish your web development skills by working on real-world projects for different use-cases of full-stack web development \u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eKey Features\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e- Understand how the different aspects of a MERN application come together through a series of practical projects\u003c\/p\u003e\u003cp\u003e- Set up frontend and backend projects that can be integrated and maintained together\u003c\/p\u003e\u003cp\u003e- Enhance your proficiency in building scalable and sustainable React projects\u003c\/p\u003e\u003cp\u003e- Purchase of the print or Kindle book includes a free PDF eBook\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eBook Description\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003eUnderstanding full-stack development is vital as companies aim to bridge the gap between frontend and backend development. 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. \u003c\/p\u003e\u003cp\u003eWritten 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. \u003c\/p\u003e\u003cp\u003eBy the end, you'll be well-versed in the MERN stack and all set to create performant and scalable full-stack web applications. \u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhat you will learn\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e- Implement a backend using Express and MongoDB, and unit-test it with Jest\u003c\/p\u003e\u003cp\u003e- Deploy full-stack web apps using Docker, set up CI\/CD and end-to-end tests using Playwright\u003c\/p\u003e\u003cp\u003e- Add authentication using JSON Web Tokens (JWT)\u003c\/p\u003e\u003cp\u003e- Create a GraphQL backend and integrate it with a frontend using Apollo Client\u003c\/p\u003e\u003cp\u003e- Build a chat app based on event-driven architecture using Socket.IO\u003c\/p\u003e\u003cp\u003e- Facilitate Search Engine Optimization (SEO) and implement server-side rendering\u003c\/p\u003e\u003cp\u003e- Use Next.js, an enterprise-ready full-stack framework, with React Server Components and Server Actions\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWho this book is for\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003eThis 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. \u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eTable of Contents\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e- Preparing For Full-Stack Development\u003c\/p\u003e\u003cp\u003e- Getting to Know Node.js, NPM, and MongoDB\u003c\/p\u003e\u003cp\u003e- Implementing a Backend Service Using Express, Mongoose ODM, and Jest\u003c\/p\u003e\u003cp\u003e- Integrating Frontend with the Backend Using React and TanStack Query\u003c\/p\u003e\u003cp\u003e- Deploying the Application with Docker and CI\/CD\u003c\/p\u003e\u003cp\u003e- Adding Authentication and Roles with JSON Web Tokens\u003c\/p\u003e\u003cp\u003e- Improving the Load Time Using Server-Side Rendering\u003c\/p\u003e\u003cp\u003e- Making Sure Customers Find You with Search Engine Optimization\u003c\/p\u003e\u003cp\u003e- Implementing End-to-End Tests Using Playwright\u003c\/p\u003e\u003cp\u003e- Aggregating and Visualizing Statistics Using MongoDB and Victory\u003c\/p\u003e\u003cp\u003e- Building a Backend with a GraphQL API\u003c\/p\u003e\u003cp\u003e- Interfacing with GraphQL on the Frontend Using Apollo Client\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003e(N.B. Please use the Read Sample option to see further chapters)\u003c\/strong\u003e\u003c\/p\u003e\u003cbr\u003e","brand":"Packt Publishing","offers":[{"title":"Default Title","offer_id":50459790868754,"sku":"9781837637959","price":41.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/4771\/8930\/files\/img_46da4178-76d8-4302-8844-f18e4f156c9b.jpg?v=1730006084","url":"https:\/\/surprise-castle.myshopify.com\/products\/modern-full-stack-react-projects-build-maintain-and-deploy-modern-web-apps-using-mongodb-express-react-and-node-js","provider":"Surprise Castle","version":"1.0","type":"link"}