Modern Full-Stack React Projects

This is the code repository for Modern Full-Stack React Projects, published by Packt.

Build, maintain, and deploy modern web apps using MongoDB, Express, React, and Node.js

What is this book about?

Understanding full-stack development is vital as companies aim to bridge the gap between frontend and backend operations. 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.

This book covers the following exciting features:

Implement backend services using Express and MongoDB, and unit-test them with Jest
Deploy full-stack web apps using Docker, set up CI/CD and end-to-end tests using Playwright
Build an application with authentication using JSON Web Tokens (JWT)
Create a GraphQL backend and integrate it with a frontend interface using Apollo Client
Build a chat app based on event-driven architecture using Socket.IO
Facilitate Search Engine Optimization (SEO) by implementing server-side rendering
Using Next.js, an enterprise-ready full-stack web application framework

If you feel this book is for you, get your copy today!

Instructions and Navigations

All of the code is organized into folders. For example, ch1 for Chapter 1.

The code will look like the following:

export const getPostById = async (postId) => {
  const res = await fetch(`${import.meta.env.VITE_BACKEND_URL}/
posts/${postId}`)
  return await res.json()
}

Following is what you need for this book:

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.

With the following software and hardware list you can run all code files present in the book (Chapter 1-20).

Software and Hardware List

Chapter	Software required	OS required
1-20	Node.js v20.10.0	Windows, macOS, or Linux
1-20	Git v2.43.0	Windows, macOS, or Linux
1-20	Visual Studio Code v1.84.2	Windows, macOS, or Linux
1-20	Docker v24.0.6	Windows, macOS, or Linux
1-20	Docker Desktop v4.25.2	Windows, macOS, or Linux
1-20	MongoDB Shell v2.1.0	Windows, macOS, or Linux

Cloning the repository

To run the examples, please first clone the repository, as follows:

git clone https://github.com/PacktPublishing/Modern-Full-Stack-React-Projects

Running examples

After cloning, you can run the examples by going to the corresponding folder and following the steps in the README.md file there.

For example, to run the example code for Chapter 1, first go to the ch1/ folder, by executing:

cd ch1/

Then follow the Install and Start steps, as explained in the corresponding README.md file for each chapter.

Chapters

Errata

Page 66, Under 'Defining test cases for list posts' section Edit the src/services/posts.js file should be Edit the src/tests/posts.test.js file

Get to Know the Author

Daniel Bugl is a CEO, Software Architect and Full Stack Developer for his company TouchLay, developing a platform for interactive presentations. He also consults large multinational enterprises on the development and integration of React frontends with various backend systems, including the integration of legacy systems, and helps out with the setup and development of such projects. He has a bachelor’s degree in business informatics and a master’s degree in data science.

PacktPublishing/Modern-Full-Stack-React-Projects