Book Image

MERN Quick Start Guide

By : Eddy Wilson Iriarte Koroliova
3 (1)
Book Image

MERN Quick Start Guide

3 (1)
By: Eddy Wilson Iriarte Koroliova

Overview of this book

The MERN stack is a collection of great tools—MongoDB, Express.js, React, and Node—that provide a strong base for a developer to build easily maintainable web applications. With each of them a JavaScript or JavaScript-based technology, having a shared programming language means it takes less time to develop web applications. This book focuses on providing key tasks that can help you get started, learn, understand, and build full-stack web applications. It walks you through the process of installing all the requirements and project setup to build client-side React web applications, managing synchronous and asynchronous data flows with Redux, and building real-time web applications with Socket.IO, RESTful APIs, and other concepts. This book gives you practical and clear hands-on experience so you can begin building a full-stack MERN web application. Quick Start Guides are focused, shorter titles that provide a faster paced introduction to a technology. They are for people who don't need all the detail at this point in their learning curve. The presentation has been streamlined to concentrate on the things you really need to know.

Related Content you might be interested in

Current Title:

Small book image
MERN Quick Start Guide
Eddy Wilson Iriarte Koroliova
May, 2018 | 302 pages
Small book image
Learning Redux
Daniel Bugl
Aug, 2017 | 374 pages
Small book image
React 16 Essentials
Adam Boduch | Artemij Fedosejev
Nov, 2017 | 240 pages
Small book image
React Router Quick Start Guide
Sagar Ganatra
Sep, 2018 | 156 pages
Table of Contents (8 chapters)
Preface
Preface
What this book covers
To get the most out of this book
What you need for this book
Sections
Get in touch
Free Chapter
1
Introduction to the MERN Stack
Introduction to the MERN Stack
Technical requirements
Introduction
The MVC architectural pattern
Installing and configuring MongoDB
Installing Node.js
Installing npm packages
2
Building a Web server with ExpressJS
Building a Web server with ExpressJS
Technical requirements
Introduction
Routing in ExpressJS
Modular route handlers
Writing middleware functions
Writing configurable middleware functions
Writing router-level middleware functions
Writing error-handler middleware functions
Using ExpressJS' built-in middleware function for serving static assets
Parsing the HTTP request body
Compressing HTTP responses
Using an HTTP request logger
Managing and creating virtual domains
Securing an ExpressJS web application with Helmet
Using template engines
Debugging your ExpressJS web application
3
Building a RESTful API
Building a RESTful API
Technical requirements
Introduction
CRUD operations using ExpressJS' route methods
CRUD operations with Mongoose
Using Mongoose query builders
Defining document instance methods
Defining static model methods
Writing middleware functions for Mongoose
Writing custom validators for Mongoose's schemas
Building a RESTful API to manage users with ExpressJS and Mongoose
4
Real-Time Communication with Socket.IO and ExpressJS
Real-Time Communication with Socket.IO and ExpressJS
Technical requirements
Introduction
Understanding Node.js events
Understanding Socket.IO events
Working with Socket.IO namespaces
Defining and joining Socket.IO rooms
Writing middleware for Socket.IO
Integrating Socket.IO with ExpressJS
Using ExpressJS middleware in Socket.IO
5
Managing State with Redux
Managing State with Redux
Technical requirements
Introduction
Defining actions and action creators
Defining reducer functions
Creating a Redux store
Binding action creators to the dispatch method
Splitting and combining reducers
Writing Redux store enhancers
Time traveling with Redux
Understanding Redux middleware
Dealing with asynchronous data flow
6
Building Web Applications with React
Building Web Applications with React
Technical requirements
Introduction
Understanding React elements and React components
Composing components
Stateful components and life cycle methods
Working with React.PureComponent
React event handlers
Conditional rendering of components
Rendering lists with React
Working with forms and inputs in React
Understanding refs and how to use them
Understanding React portals
Catching errors with error boundary components
Type checking properties with PropTypes
7
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Composing components

In React, all components can be isolated and complex UIs can be built by composing components which enables their re-usability.

Getting ready

In this recipe, you will work with re-usable components to generate a home page containing three sections: a header, a paragraph with a description, and a footer. These three sections will be written as three separate components that will be composed later to build a home page. Before you start, create a new package.json file with the following content:

{ 
  "scripts": { 
    "start": "parcel serve -p 1337 index.html" 
  }, 
  "devDependencies": { 
    "babel-plugin-transform-class-properties": "6.24.1"...
Previous Section
End of Section 5
Next Section