Full-Stack React Projects

A practical, project-based guide to full-stack JavaScript web development combining the power of React with industry-tested server-side technologies

Key Features

• Build your career as a full-stack developer with this practical guide
• Understand how the different aspects of a MERN application come together through a series of practical projects
• Master the MERN stack by building robust social media, E-commerce store, and web-based VR game apps

Book Description

Facebook's React combined with industry-tested, server-side technologies, such as Node, Express, and MongoDB, enables you to develop and deploy robust real-world full-stack web apps. This updated second edition focuses on the latest versions and conventions of the technologies in this stack, along with their new features such as Hooks in React and async/await in JavaScript. The book also explores advanced topics such as implementing real-time bidding, a web-based classroom app, and data visualization in an expense tracking app.

Full-Stack React Projects will take you through the process of preparing the development environment for MERN stack-based web development, creating a basic skeleton app, and extending it to build six different web apps. You'll build apps for social media, classrooms, media streaming, online marketplaces with real-time bidding, and web-based games with virtual reality features. Throughout the book, you'll learn how MERN stack web development works, extend its capabilities for complex features, and gain actionable insights into creating MERN-based apps, along with exploring industry best practices to meet the ever-increasing demands of the real world.

By the end of this React book, you'll be able to build production-ready MERN full-stack apps using advanced tools and techniques in modern web development.

What you will learn

• Extend a basic MERN-based application to build a variety of applications
• Add real-time communication capabilities with Socket.IO
• Implement data visualization features for React applications using Victory
• Develop media streaming applications using MongoDB GridFS
• Improve SEO for your MERN apps by implementing server-side rendering with data
• Implement user authentication and authorization using JSON web tokens
• Set up and use React 360 to develop user interfaces with VR capabilities
• Make your MERN stack applications reliable and scalable with industry best practices

Who this book is for

This is one of the most useful web development books for JavaScript developers who may have worked with React but have minimal experience in full-stack development with Node, Express, and MongoDB.

Table of Contents

1. Unleashing React Applications with MERN
2. Preparing the Development Environment
3. Building a Backend with MongoDB, Express, and Node
4. Adding a React Frontend to Complete MERN
5. Growing the Skeleton into a Social Media Application
6. Building a Web-Based Classroom Application
7. Exercising MERN Skills with an Online Marketplace
8. Extending the Marketplace for Orders and Payments
9. Adding Real-Time Bidding Capabilities to the Marketplace
10. Integrating Data Visualization with an Expense Tracking Application
11. Building a Media Streaming Application
12. Customizing the Media Player and Improving SEO
13. Developing a Web-Based VR Game
14. Making the VR Game Dynamic Using MERN
15. Following Best Practices and Developing MERN Further

Shama Hoque has more than 9 years of experience as a software developer and mentor, with a master's in software engineering from Carnegie Mellon University.

From Java programming to full-stack development with JavaScript, the applications she has worked on include national Olympiad registration websites, universally accessible widgets, video conferencing apps, and medical 3D reconstruction software.

Currently, she makes web-based prototypes for R&D start-ups in California, while training aspiring software engineers and teaching web development to CS undergrads in Bangladesh.