• Post category:StudyBullet-5
  • Reading time:12 mins read


What you will learn

You will learn all the basics concepts of React Js

Master the “Redux” part in this React Js tutorial

Understand class and functional components

Learn how to use Hooks in ReactJs

Create ASP .NET Core Rest APIs

Learn how to implement ASP .NET API in React JS Application

You will learn React DOM events handling in detail

Create your own React Hooks Forms & save data in SQL DB using ASP .NET 6 Core APIs

Learn how to use inline CSS, export external CSS files

Great Control: Easily implement ReactJs Bootstrap

Understand how to navigate between different components using React Router, NavLink React

You will learn all basic React Js Installation for development

Use Postman to test React API and React fetch data from API


Get Instant Notification of New Courses on our Telegram channel.


Create full-stack web application by React Js advanced concepts

Learn how to create Nav Menu and application Layout

Redux implementation in the app by complete example

AXIOS for APIs call

Description

Hi!

Welcome, all of you to the brand new React JS tutorial 2022.

Course Creation Purpose:

Besides my personal needs, to be honest, I prepared this ReactJs course for the purpose to aware developers about React Js in a fast and simple way. If you know there are two things involved in React Js Development:

  • React Js front end code development
  • Backend REST APIs creation and implementation.

Here there are lots of courses that teach pretty fine about React Js front-end development but there are no proper guidelines about how to create real-world React Js Web Application with complete REST APIs integration.

I combine these two areas at one place in this course; you will learn React and ASP .NET 6 Rest API for your React Js Application.

What you will learn?

You will learn all the following topics in this React js course. At any point, if you feel that this react tutorial course is not according to your needs then you can go to unroll from the course. I will always appreciate your efforts for the best learning sources.

  • React Js all basic concepts
  • ReactJs Hooks
  • React useEffect hook
  • React useState hook
  • React state
  • Redux in React js
  • React Redux login
  • React functional component
  • React class component
  • State in React Js class component
  • React event listeners
  • Forms in React
  • ASP .NET 6 Core Rest APIs Creation
  • APIs call from React Js App using axios
  • Inline CSS and External CSS usage in React Js
  • Bootstrap integration in React Js
  • React Router
  • React props
  • How to pass data using Props from one component to another.
  • Arrow Functions
English
language

Content

Basic installation for React JS

Download and install visual studio code
Download and install NPM
Verify NPM and Node version on your PC
Create first react js app

Introduction to React JS

React JS app folder structure
App.js, index.html, and index.js files
Reactjs how to import, export components?
Difference between HTML class & React Js className
React JS button onClick Event

Reat Js Components

Class component in react js
Function component in react js
Main difference between class and function component
State in class component

Styling React Js Components

Inline css in ReactJs app
Import external css file in React Js App
How to use Bootsrap in React Js Web Project

React Js Hooks

What is hook?
useState hook in React Js
useEffect hook in ReactJs
4. Rules of Hooks
Complete example of hooks

Routing in react js

How to install route in ReactJs?
How to define routers in React Js?
Difference between Link and Navlink?
How to make simple nav menu in React JS?

React Js Advanced Topics

React Js arrow function
Events handling in React
Forms handling in React Js
React Js props
How to pass data from one component to other?
React Js arrays and list
If condition, switch statement
React Js html table
How to install axios?
Use of axios for fetching api data
Ternary operator in React Js

Basic installation for .Net core APIs

Installing visual studio 2019
Installing sql server and sql server management studio
Installing post man

Introduction to .NET Core

Create API project & folders structure
What is model?
What are controllers?
Routings in ASP .NET API project
Connections string setting for SQL Server

React JS insert operations using net Core API

Creating new SQL Data Base
Creating student table in SQL Data Base
Creating .NET Core Insert Data API
Creating React js insert form
Calling API from React Js insert form and show success message

Showing Data List in React JS from API

Creating .NET Core API for getting list
calling list API from React Js App
Delete record in react using API

React Redux Complete Section

Introduction to Redux
Create React Js new project for redux
Install Redux in React Js project
Redux actions and reducers
Implement provider/store in Index.js
useSelector and useDispatch App.js code and Redux Result in View