Tutors

DataTrained

PROGRAM OVERVIEW

Learn React.js in this course for beginners and start to create interactive UIs painlessly.

React makes it painless to create interactive UIs. You can design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug in React.

In this course you will learn how to set up the React environment, how to use attributes and styles, how to use JS expressions and events, how to use props with functional components, and much more…

CURRICULUM

  Introduction to React JS

  Fundamentals of React JS

  • Setting up React environment
  • Setting up a React project using npm npx
  • Understanding React js Folder structure
  • Updating app file in React js
  • Why to choose JSX for templating in Reactjs
  • Using attributes in jsx
  • Using styles in JSX React js
  • Using JS Expression in JSX React js
  • Using Event in JSX React js
  • Understanding the usage of React js CDNs

  Digging Deeper

  • Using Props with functional Components 1
  • Using props in Class components
  • Using Children props in Class component and Functional Component
  • Components nesting what to do what not to do
  • Possibilities of using nested component multiple time
  • Understanding State in detail Reactjs
  • Making Class Component, difference between functional vs class, some basic exporting and importing

  ES6

  • Intro to ES6