Ultimate Full-Stack Web Development with MERN: Design, Build, Test and Deploy Production-Grade Web Applications with MongoDB, Express, React and NodeJS 9788119416424

Table of contents :
Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Technical Reviewer
Acknowledgements
Preface
Errata
Table of Contents
1. Getting Started with MERN and Setup
Introduction
Structure
About MERN
MongoDB
Express
ReactJS
NodeJS
Other Popular stacks beyond MERN
REST APIs
POST
GET
PUT
DELETE
Alternatives to REST API
Complete Project Overview
Setting up a NodeJS Application
Project Folder Structure
Package installation
Running the project
Conclusion
2. Starting a NodeJS App
Introduction
Structure
Using Express
Creating Routes
Initial Routes
All Routes
Testing through Postman
Creating Controllers
Using JSON
Error Handler
Conclusion
3. MongoDB Connection and Models
Introduction
Structure
MongoDB Database
Basic Setup
Connecting through Mongoose
Model Creation
Creating Routes
POST Route
PUT Route
DELETE Route
Conclusion
Points to remember
4. JWT Authentication and Hashing Password
Introduction
Structure
User Model and Controller
Register User with Hashed Password
Login User
Understanding JWT
Using JWT
Conclusion
Points to Remember
5. Auth Middleware and Protecting Routes
Introduction
Structure
Creating Auth middleware
Understanding Protect Routes
Protecting Task Routes
GET and POST Route
PUT and DELETE Route
Conclusion
Points to remember
Multiple Choice Questions
Answers
6. Creating Frontend and React Router
Introduction
Structure
Creating Frontend with ReactJS
Basic Project Setup
React Router Setup
Creating Components and Pages
Header Component
Register Page
Login Page
Conclusion
Points to remember
7. Redux Setup with Slice
Introduction
Structure
Redux setup with a toolkit
Auth service and slice
Registration form hook up
Testing user registration
Conclusion
Points to remember
8. Login and Logout Functionalities
Introduction
Structure
Implementing Logout
Implementing Login
Login form hook up
Testing user login
Conclusion
Points to remember
9. Dashboard Creation and Task Form
Introduction
Structure
Changing Dashboard Logic
Creating Task Slice
Creating Task Form
Conclusion
Points to Remember
Multiple Choice Questions
Answers
10. Using Thunk and Completing App
Introduction
Structure
Creating task with Async Thunk
Fetching tasks from server
Displaying the tasks
Deleting tasks
Conclusion
Points to remember
11. Frontend Testing
Introduction
Structure
Setup testing in Frontend
Task Slice and Service Test with Jest
Testing with React Testing Library
Configuring and Checking Coverage
Conclusion
Points to remember
12. Backend Testing
Introduction
Structure
Setting up testing in the backend
Testing registerUser controller
Testing getTasks and setTask controller
Testing updateTask controller
Conclusion
Points to remember
13. Deployment
Introduction
Structure
Frontend code repo creation
Backend code repo creation
Backend deployment in Back4app
Backend integration with frontend
Frontend deployment in Netlify
Fixing CORS errors and final deployments
Conclusion
Points to remember
Index

Polecaj historie

Full-Stack React Projects: Modern web development using React 16, Node, Express, and MongoDB 9781788832946, 1788832949

Unleash the power of MERN stack by building diverse web applications using React, Node.js, Express, and MongoDB Key Feat

2,100 494 22MB Read more

Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node [2 ed.] 1484243900, 9781484243909

Assemble the complete stack required to build a modern web app using MongoDB, Express, React, and Node. This book also c

332 101 12MB Read more

Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node [2 ed.] 1484243900, 9781484243909

Assemble the complete stack required to build a modern web app using MongoDB, Express, React, and Node. This book also c

519 117 5MB Read more

Learning React: Functional Web Development with React and Flux 9781491954621

Table of contents : Cover......Page 1 Copyright......Page 4 Table of Contents......Page 5 Conventions Used in This Book.

4,005 792 7MB Read more

Web development: Web design with CSS

Build Websites with Style ! A practical and easy introduction to CSS coding. The world is changing fast. The Covid-19 pa

108 105 398KB Read more

Web development: Web design with CSS

Build Websites with Style ! A practical and easy introduction to CSS coding. The world is changing fast. The Covid-19 pa

646 94 293KB Read more

Beginning Django API with React: Build Django 4 Web APIs with React Full Stack Applications

In this book, we take you on a fun, hands-on and pragmatic journey to learning Django API React stack development. You&#

1,679 346 4MB Read more

React 18 Design Patterns and Best Practices: Design, build, and deploy production-ready web applications with React by leveraging industry-best practices [4 ed.] 1803233109, 9781803233109

Dive in and discover how to build awesome React web apps that you can scale and maintain using design patterns and the l

2,634 182 13MB Read more

Advanced Web Development With React 9789389423594

2,865 430 8MB Read more

React 18 Design Patterns and Best Practices: Design, build, and deploy production-ready web applications with React by leveraging industry-best practices, 4th Edition 9781803233109, 1803233109

Dive in and discover how to build awesome React web apps that you can scale and maintain using design patterns and the l

529 22 5MB Read more