MERN Stack Development with React , Redux , Node 2021

MERN Stack Development with React , Redux , Node 2021, available at $59.99, has an average rating of 4.35, with 138 lectures, based on 46 reviews, and has 185 subscribers.

You will learn about React Redux Node Express Mongo MERN This course is ideal for individuals who are Front End Developers or Javascript Developers or Fullstack Developers or MERN Stack Developers or Fullstack Developers It is particularly useful for Front End Developers or Javascript Developers or Fullstack Developers or MERN Stack Developers or Fullstack Developers.

Enroll now: MERN Stack Development with React , Redux , Node 2021

Summary

Title: MERN Stack Development with React , Redux , Node 2021

Price: $59.99

Average Rating: 4.35

Number of Lectures: 138

Number of Published Lectures: 138

Number of Curriculum Items: 138

Number of Published Curriculum Objects: 138

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

React

Redux

Node

Express

Mongo

MERN

Who Should Attend

Front End Developers

Javascript Developers

Fullstack Developers

MERN Stack Developers

Fullstack Developers

Target Audiences

Front End Developers

Javascript Developers

Fullstack Developers

MERN Stack Developers

Fullstack Developers

MERN Stack Development with React , Redux , Node 2021

React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook’s Flux architecture, it was created by Dan Abramov and Andrew Clark.

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.

Course Curriculum

ES6 Basics

Single Page Applications

React into

Components

States and props

CSS in React

React Hooks

Life Cycle Methods

React Router

Context API

Node JS

Node JS Modules

Express Js

Express JS Routing

Mongo DB

Mongo DB Basic Operations

Mongo DB and Node JS Connections

Working with Postmon

Connecting React and Node

MERN Hello World

MERN CRUD Project

REDUX Intro

State Management

Reducers , actions , stores , payloads

Combine Reducers

Redux Persist

Redux THUNK

Redux for MERN Stack Apps

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Intro

Lecture 2: What is MERN

Chapter 2: React Introduction

Lecture 1: What is React

Lecture 2: What is component

Lecture 3: JSX Overview

Chapter 3: ES6 Basics

Lecture 1: ES6 Intro

Lecture 2: Let Keyword

Lecture 3: Const keyword

Lecture 4: Arrow Functions

Lecture 5: For of loop

Lecture 6: Template Literals

Lecture 7: Spread operator

Chapter 4: Create Your First React App

Lecture 1: Hello World in React

Lecture 2: React Project Structure

Lecture 3: Debugging React App

Chapter 5: React Components

Lecture 1: Components Intro

Lecture 2: Class Components

Lecture 3: Functional Components

Lecture 4: Parent and Child Components

Chapter 6: States and Props in Components

Lecture 1: What is a State

Lecture 2: setState in class components

Lecture 3: Props in class components

Lecture 4: Props in functional Components

Chapter 7: Event Handling

Lecture 1: Event Handling in class components

Lecture 2: Event Handling in functional components

Chapter 8: CSS in React

Lecture 1: Inline CSS

Lecture 2: Local CSS

Lecture 3: Manipulating CSS using Events

Chapter 9: Projects – 1 Counter App

Lecture 1: Counter Application

Chapter 10: Life Cycle in Class compoents

Lecture 1: Class Components Life Cycle

Chapter 11: React Hooks

Lecture 1: What is a React Hook

Lecture 2: useState Hook

Lecture 3: useEffect Hook

Lecture 4: Manipulating CSS using Hooks

Chapter 12: React Forms

Lecture 1: Forms Introduction

Lecture 2: Form Submission

Chapter 13: Project – 2

Lecture 1: Authentication – Part-1

Lecture 2: Authentication – Part-2

Lecture 3: Authentication – Part-3

Chapter 14: React Router

Lecture 1: Routing – part-1

Lecture 2: Routing – part-2

Chapter 15: Maps in React

Lecture 1: Maps Introduction

Lecture 2: Maps part-2

Lecture 3: Maps part-3

Lecture 4: Conditional Redndering

Chapter 16: Local Storage

Lecture 1: Local Storage with Strings

Lecture 2: Local Storage with Objects

Chapter 17: Project – 3

Lecture 1: Face Book -Part1

Lecture 2: Face Book -Part2

Lecture 3: Face Book -Part3

Lecture 4: Face Book -Part4

Chapter 18: Context – API

Lecture 1: what is context API

Lecture 2: Implementing Context API

Lecture 3: Manipulating Components using Context API

Chapter 19: Project – 4

Lecture 1: Movies App Part – 1

Lecture 2: Movies App- Part2

Chapter 20: HTTP Methods

Lecture 1: Fetch Method

Lecture 2: Axios Method

Lecture 3: Return HTML Content using HTTP Methods

Chapter 21: Project – 5

Lecture 1: Meals App – Part -1

Lecture 2: Meals – App part-2

Chapter 22: Introduction to Node JS

Lecture 1: Hello World in NODE JS

Lecture 2: Hello World in NODE JS on Screen

Lecture 3: Creating Multiple Routes

Chapter 23: Node JS Modules

Lecture 1: What is Node Js Module

Lecture 2: Local Modules

Lecture 3: NPM

Lecture 4: Installing first NPM Module – Nodemon

Chapter 24: Express Framework

Lecture 1: What is Express Framework

Lecture 2: HelloWorld in Express Framework

Chapter 25: Creating Rest API

Lecture 1: Postman – GET METHOD

Lecture 2: Postman – POST METHOD

Chapter 26: Express Router

Lecture 1: Express Router

Chapter 27: Mongo DB

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 1 votes

2 stars: 1 votes

3 stars: 5 votes

4 stars: 14 votes

5 stars: 25 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!