React for Beginners

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

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…

What Will You Learn?

  • Setting up the 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 React.js
  • 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
  • Making Class Component, difference between functional vs class, some basic exporting and importing
  • Using Props with functional Components
  • 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 React.js
  • And lots more!

Course Content

React for Beginners

  • Setting up the React Environment
    07:23
  • Setting up a React Project Using npm npx
    09:03
  • Understanding React.js Folder Structure
    08:57
  • Updating App File in React.js
    12:56
  • Why to Choose JSX for Templating in React.js
    07:49
  • Using Attributes in JSX
    06:22
  • Using Styles in JSX React.js
    06:59
  • Using JS Expression in JSX React.js
    06:08
  • Using Event in JSX React.js
    06:02
  • Understanding the Usage of React.js CDNs
    11:50
  • Making Class Component, Differences and Features
    16:01
  • Using Props with Functional Components
    06:04
  • Using props in Class Components
    05:04
  • Using Children Props in Class Component and Functional Component
    08:29
  • Components Nesting, What to Do, What Not to Do
    13:48
  • Posibilities of Using Nested Component Multiple Time.
    15:12
  • Understanding State in Detail React.js
    18:35

Earn a certificate

Add this certificate to your resume to demonstrate your skills & to boost your expertise gained.

selected template