Cargando…
Full-Stack React Projects : Modern web development using React 16, Node, Express, and MongoDB.
Combining React with industry tested server-side technologies such as Node, Express, and MongoDB creates a diverse array of possibilities when developing real-world web applications. This book guides you through setting up for MERN-based web development to building social media, an online marketplac...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Otros Autores: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing,
2018.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Title Page; Copyright and Credits; Packt Upsell; Contributors; Table of Contents; Preface; Chapter 1: Unleashing React Applications with MERN; MERN stack; Node; Express; MongoDB; React; Relevance of MERN; Consistency across the technology stack; Less time to learn, develop, deploy, and extend; Widely adopted in the industry; Community support and growth; Range of MERN applications; MERN applications developed in this book; Social media platform; Online marketplace; Media streaming application; VR game for the web; Book structure; Getting started with MERN.
- Building MERN from the ground up
- a skeleton applicationDeveloping basic web applications with MERN; Advancing to complex MERN applications; Going forward with MERN; Getting the most out of this book; Summary; Chapter 2: Preparing the Development Environment; Selecting development tools; Workspace options; Local and cloud development; IDE or text editors; Chrome Developer Tools; Git; Installation; Remote Git hosting services; Setting up MERN stack technologies; MongoDB; Installation; Running the mongo shell; Node; Installation; Upgrading npm versions; Node version management with nvm.
- Npm modules for MERNKey modules; devDependency modules; Checking your development setup; Initializing package.json and installing npm modules; Configuring Babel, Webpack, and Nodemon; Babel; Webpack; Client-side Webpack configuration for development; Server-side Webpack configuration; Client-side Webpack configuration for production ; Nodemon; Frontend views with React; Server with Express and Node; Express app; Bundle React app during development; Serving static files from the dist folder; Rendering templates at the root ; Connecting the server to MongoDB; npm run scripts.
- Developing and debugging in real timeSummary; Chapter 3: Building a Backend with MongoDB, Express, and Node; Skeleton application overview; Feature breakdown; Focus of this chapter
- the backend; User model; API endpoints for user CRUD; Auth with JSON Web Tokens; How JWT works; Implementing the skeleton backend; Folder and file structure; Setting up the project; Initializing package.json; Development dependencies; Babel; Webpack; Nodemon; Config variables; Running scripts; Preparing the server; Configuring Express; Starting the server; Setting up Mongoose and connecting to MongoDB.
- Serving an HTML template at a root URLUser model; User schema definition; Name; Email; Created and updated timestamps; Hashed password and salt; Password for auth; As a virtual field; Encryption and authentication; Password field validation; Mongoose error handling; User CRUD API ; User routes; User controller; Creating a new user; Listing all users; Loading a user by ID to read, update, or delete; Loading; Reading; Updating; Deleting; User auth and protected routes; Auth routes; Auth controller; Sign-in; Sign-out; Protecting routes with express-jwt; Requiring sign-in.