React JS: Learn React JS From Scratch with Hands-On Projects

React JS: Learn React JS From Scratch with Hands-On Projects

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 10h 16m | 3.24 GB

Learn ReactJS from scratch with Router, Hooks and Context. Become React JS Web Developer and create React JS project

Welcome to React JS: Learn React JS From Scratch with Hands-On Projects course.

Learn ReactJS from scratch with Router, Hooks, and Context. Become React JS Web Developer and create React project

React is one of the best choices for building modern web applications. If you are new to React or maybe you’ve been struggling to learn and truly understand what’s going on then this course is the best way for you to learn React JS.

In this course, we will take you through everything you need to know to master web development using ReactJS by providing powerful knowledge through a mixture of diagrams and the creation of a simple application.

React is an essential Javascript framework for web development. It is the most popular framework for developing web, mobile, and desktop app user interfaces.

No Previous Knowledge is needed!

You don’t need to have previous knowledge about React. This course will take you from a beginner to a more advanced level with hands-on examples.

You will be confident in using React JS, and if you ever get stuck, we will be there to help.

Learn by doing!

So we have made this course as simple as possible in order to take you through step by step so you can feel confident and get a truly good understanding of how to utilize ReactJS. In this course, we will be teaching React by creating various projects.

Here is the list of what you’ll learn by the end of the course,

  • We will start with local installation and react basics. After that, we will create 5 projects.
  • Project 1 – Learn, create react app and Jsx with ‘first-app’
  • Project 2 – Learn React props system with ‘blog-posts’ app
  • Project 3 – Learn react components, state, lifecycle methods, async operations and much more… with ‘hemisphere’ app
  • Project 4 – Handling event handlers, fetching data from an outside api and showing list of records with ‘image-list’ app
  • Project 5 – Routing with React Router and using React Portals to render children outside the DOM hierarchy with ‘react-router’ app
  • reactjs or react
  • react project
  • react projects
  • React JS
  • react js projects
  • react js project
  • react.js
  • reactjs projects
  • reactjs project
  • oak academy
  • react free
  • react from scratch
  • learn react
  • free react
  • react js free
  • react with project
  • react js with project
  • react js: learn react js from scratch with hands-on projects

At the end of the course

By the end of the course, you will be able to build amazing React single-page web applications.

Whether you’re interested in adding React to your existing dev skillset, or you want to develop full-stack web apps by using tools like NodeJS, Redux, and MongoDB in conjunction with React, Udemy has a comprehensive selection of courses to choose from.

Table of Contents

What You Will Learn In This React JS Course
1 What You Will Learn and How to Get Help in React or React js

Let`s Start to Learn React JS
2 Your First App Overview
3 Frequently Asked Questions in React Js
4 Let, Const and Var in 3 minutes
5 Install Node JS
6 Create Your React App
7 Why You Will Need To Create a React App
8 Start Creating React App
9 Do You Want to Learn How To Stop React App
10 Important Functional React js Components

What is this JSX in ReactJS
11 Converting HTML JSX
12 Inline Styling with JSX in React JS
13 JavaScript Variable in JSX

React with Props
14 Three Tenets of Components
15 Simple App with React
16 Styling App with Semantic UI
17 Building Component with React JS
18 Specifying The Image in React JS
19 Duplicating The Single Component
20 Component Nesting
21 Props System
22 Passing Props to Child
23 Reusable Component Overview
24 Props Children

Class-Based Components
25 Class-Based Components and Functional Component
26 New React App Overview
27 Getting Users Physical Location with React JS
28 Handling Async Operation in React
29 Transformation Functional Component to Class Based Component

State in React
30 State Rules
31 Initializing State In Constructor
32 Lifecycle Method Overview
33 Conditional Rendering

ReactJS Lifecycle Methods
34 Get to Know Lifecycle Method
35 Refactoring App with Lifecycle Method
36 Passing State As Props
37 Ternary Expressions in JSX
38 Showing Picture
39 Styling The React App
40 Free React Developer Tools
41 ReactJS General App Review

User Inputs, Forms and Events in React JS
42 React JS App Overview
43 Component Design
44 Handling Forms
45 Styling The App
46 Creating Event Handlers
47 Controlled vs Uncontrolled Elements
48 Why Controlled Elements
49 Understanding ‘this’ Key Word In JS
50 Communicating Child to Parent
51 Invoking Callbacks In Children

API Request with React
52 Fetching Data
53 Axios vs Fetch
54 Async Await Function
55 Setting The State
56 Rendering A List of Components
57 Implementing The Key Values In List
58 What We Have Learned From The App

Navigation with React Router
59 Initializing The Project
60 The React Router
61 Link and Nav Links
62 Programmatic Redirects
63 Route Parameters
64 React Router Switch Tag

React Portals
65 How To Create A Modal
66 Why React Portals
67 Creating a React Portals

React Context & Hooks
68 Context & Hooks
69 Let’s Start Building Our Application
70 Why Context API
71 Context Provider
72 Context Provider – 2
73 Lets Reach Out The Context State
74 Consuming Data in TodoList Component
75 Context Consumer
76 Update The Context Data
77 Create Multiple Context with UseContext
78 Use Multiple Context Inside One Component
79 Hooks Intro
80 Let’s Start Creating The App
81 UseState Hook
82 UseState with Forms
83 UseEffect Hook
84 UseContext Hook
85 Create Multiple Context

Homepage