7561001964 | 7012999376 | 0484-4860634

reactjs-training

React.js v17.0.1

React (also known as React.js or ReactJS) 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.

Lesson 1 Course Introduction

  • 1.01 Welcome To The Course
  • 1.02 Course & Projects Outline

Lesson 2 Getting Started

  • 2.01 What is React
  • 2.02 Environment Setup
  • 2.03 ES6 Refresher Part-1
  • 2.04 ES6 Refresher Part-2
  • 2.05 ES6 Refresher Part-3
  • 2.06 Create React App Vs Manual Setup
  • 2.07 Installing & Using The CLI
  • 2.08 A Look At The Initial React Files & How They Work

Lesson 3 Components,JSX & Props

  • 3.01 Thinking In Components
  • 3.02 What is JSX
  • 3.03 JSX Expressions
  • 3.04 Creating Your First Components
  • 3.05 Functional Components
  • 3.06 Working With Props
  • 3.07 TypeChecking With PropTypes
  • 3.08 CSS In React
  • 3.09 Adding Bootstrap

Lesson 4 State & Context API

  • 4.01 Creating State
  • 4.02 Events In React
  • 4.03 Changing state
  • 4.04 Changing State From Another Components
  • 4.05 Using The Context API & Provider State
  • 4.06 Adding A Context Reducer For Actions

Lesson 5 Working With Forms

  • 5.01 Creating A Form With State
  • 5.02 Controlled Components & onChange
  • 5.03 Uncontrolled Components & Refs
  • 5.04 Form Submit Action To Context
  • 5.05 TextInputGroup Component For DRY Code
  • 5.06 Error Checking & Display

Lesson 6 React Router v4

  • 6.01 Create Router Setup
  • 6.02 Links.Params & Redirect
  • 6.03 404 Not Found Page

Lesson 7 Lifecycle,HTTP & Deployment

  • 7.01 Lifecycle Methods
  • 7.02 GET Requests
  • 7.03 POST & DELETE Requests
  • 7.04 Using AsyncAwait
  • 7.05 EditContact Component & Fetch Contact
  • 7.06 PUT Request & Update Action
  • 7.07 Deploy To Github Pages

Lesson 8 Learning Redux

  • 8.01 A Note On Redux
  • 8.02 App Starting Point For Redux
  • 8.03 Redux Store Setup & Contact Reducer
  • 8.04 Connecting Components & Dispatching Actions
  • 8.05 Creating A Seperate Action File
  • 8.06 Deleting & Add Contact Action

Lesson 9 Redux Thunk & HTTP

  • 9.01 GET Request Dispatch
  • 9.02 POST & DELETE Request Dispatch
  • 9.03 Get Single Contact For Edit
  • 9.04 PUT Request & Dispatch
  • 9.05 Deploy To Apache

Lesson 10 Client panel Firebase Project part-1

Lesson 11 Client panel Firebase Project part-2