REACT JS: Basic to Advanced!

About Course

This is Fifthforce’s most recent, comprehensive, and best-selling React course! It was completely re-recorded and updated from the ground up.

React.js is the most popular JavaScript library you can use and learn these days to create modern, reactive web user interfaces.

This course teaches you React from the scratch level, step by step, by delving into all of the core fundamentals in deep depth, exploring tonnes of examples, and introducing you to advanced concepts also.

You’ll get all the theory, tonnes of examples and demos, assignments and exercises, and tonnes of important knowledge that most other resources skip – after all, there’s a reason this course is so massive!:)

This is why we developed the REACT JS: Basic to Advanced Course

Course Content

Introduction and Working with HTML 5, CSS 3, BOOTSTRAP, JAVASCRIPT

Introduction to web development and react, Building Blocks of Web Application Development, Single- page and Multi-page Applications

Different Client-side Technologies, MVC Architecture, Introduction to React, Installation of React, JSX and its use case

Components and styling the application layout, React Elements, Render Function

DOM, Virtual DOM, and it’s working

ECMA Script, Difference between ES5 and ES6,

REACT Introduction

Components, Class Component, Component Constructor, Functional Components, Multiple Components

Props, Props with Class based Component, Props with Function based Component, States, Component Lifecycle

React Events, React Forms, Different Form Concepts

Styling in React, Inline Styling, CSS Style sheet

Handling navigation with routes, Routing, react-router, Features of react-router, Configuration of routing using react-router

Navigation using Links, 404 page (Not found Page), URL Parameters ,Nested Routes, Implementing styles using Nav Link, Application Programming Interface

Build a REST API using json -server, API consumption in React application using Fetch method

React state management using redux, Need of Redux, What is Redux?, Redux Architecture, Redux Action, Redux Reducers ,Redux Store

Principles of Redux, Pros of Redux, NPM Packages required to work with Redux, More about react- redux package

Working with REDUX for State Management

React hooks, Caveat of JavaScript classes. Functional components and React hooks, What are React hooks, Basic hooks , useState() hook

How to write useState() hook when state variable is an array of objects, useEffect() hook, Fetch API data using useEffect() hook, useContext() hook

Rules to write React hooks, Additional hooks, Custom hooks

React application testing

Real Time Latest Project