The MERN Stack Tutorial - Building A React CRUD Application From Start To Finish - Part 1

  • 2018-12-24 01:37 AM
  • 461

The MERN Stack Tutorial - Building A React CRUD Application From Start To Finish

Aiodex’s Referral Program  will give you 20% -80% commission from their transaction fee for 7 years. The value will be calculated starting from the date the member you invite sign up ☞
Next Generation Shorten Platform. Optimal choice to make a profit and analyze traffic sources on the network. Shorten URLs and earn big money ☞
Get Free 15 Geek ☞
CodeGeek’s Discuss ☞
Playlists Video Tutorial ☞
Learn to code for free and get a developer job ☞

Part 1: Setting Up The Project

In this tutorial series we’re going to explore the MERN stack by building a real-world application from start to finish. The MERN stack consists of the following technologies:

Node.js: Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js brings JavaScript to the server
MongoDB: A document-based open source database
Express: A Fast, unopinionated, minimalist web framework for Node.js
React: A JavaScript front-end library for building user interfaces

The MERN stack is very similar to the popular MEAN stack. The only difference here is that the MEAN stack is making use of Angular to build the front-end web application and the MERN stack is using React instead.

The application we’ll be building in this tutorial series is a simple To-Do application. By using this example it’s possible to demonstrate how to build a CRUD (Create, Read, Update, and Delete) application from scratch by using the MERN stack!

In this first part of this series we’re going to complete the setup the React project for building the front-end part of the MERN stack sample application. In the next part we’re going to continue with implementing the Node.js / Express server.


Learn More

MERN Stack Front To Back: Full Stack React, Redux & Node.js

The Complete JavaScript Course 2018: Build Real Projects!

The Complete Node.js Developer Course (2nd Edition)

The Complete React Web Developer Course (2nd Edition)

Node with React: Fullstack Web Development

Original video source: