React for absolute beginners

React for absolute beginners, available at $19.99, has an average rating of 4.35, with 66 lectures, based on 86 reviews, and has 2816 subscribers.

You will learn about Setup local react development environment Access react library from CDN Understand what components Create components Create components in ES6 Convert component functions to ES6 Class Understand Props Use props with components Understand JSX Use JSX as an expression Use child elements in JSX Nest JSX elements Understand state Adding a state to a class Build simple react projects This course is ideal for individuals who are Anyone who wants to learn React or Beginner programmers or Beginner developers It is particularly useful for Anyone who wants to learn React or Beginner programmers or Beginner developers.

Enroll now: React for absolute beginners

Summary

Title: React for absolute beginners

Price: $19.99

Average Rating: 4.35

Number of Lectures: 66

Number of Published Lectures: 66

Number of Curriculum Items: 66

Number of Published Curriculum Objects: 66

Original Price: $124.99

Quality Status: approved

Status: Live

What You Will Learn

Setup local react development environment
Access react library from CDN
Understand what components
Create components
Create components in ES6
Convert component functions to ES6 Class
Understand Props
Use props with components
Understand JSX
Use JSX as an expression
Use child elements in JSX
Nest JSX elements
Understand state
Adding a state to a class
Build simple react projects

Who Should Attend

Anyone who wants to learn React
Beginner programmers
Beginner developers

Target Audiences

Anyone who wants to learn React
Beginner programmers
Beginner developers

React.js is a an open-source JavaScript library for creating user interfaces
React adopts a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.

This course is for absolute beginners to react and will teach you from scratch what you need to know to begin
creating react based applications. React is fun and easy to learn.

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design simple views for each state of an application. You can also use React to efficiently update and render components when your data changes. I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts JSX code into readable format.

What you will learn includes:

Setting up a local react development environment
Accessing React Library via CDN
Using Creating a React App tool to create new react projects
Accessing Reaact from JSBIN
Creating React Components
Creating React Components in ES6
Converting React functions to ES6 Class
Using JSX
Embedding JSX as expressions
Using props
Using State
Component life cycle
Creating a React mortgage calculator
Creating a React Todo List App
Creating a React static tweet component
Creating a React countdown timer
Creating a React digital clock

Course Curriculum

Chapter 1: Setting up your lab environment

Lecture 1: Introduction

Lecture 2: What is React

Lecture 3: What is ReactDom

Lecture 4: What is babel

Lecture 5: What is the DOM

Lecture 6: React VirtualDOM Vs RealDOM

Lecture 7: Text Editors

Lecture 8: Introduction to JSBIN

Lecture 9: Accessing React Via CDN

Lecture 10: What is git

Lecture 11: Installing Git

Lecture 12: Git configuration

Lecture 13: What is Nodejs

Lecture 14: Downloading and Installing Nodejs

Lecture 15: What is Npm

Lecture 16: Installing and Uninstalling npm global packages

Lecture 17: Installing create react-app tool

Lecture 18: Create a sample react app

Lecture 19: New react app folder structure

Lecture 20: Rendering

Lecture 21: Conditional rendering

Lecture 22: Installing react developer tools

Chapter 2: Some useful JavaScript Words

Lecture 1: What is a constructor

Lecture 2: What is a class

Lecture 3: What is an arrow functions

Lecture 4: Const keyword

Chapter 3: Introduction to JSX

Lecture 1: Introduction to JSX

Lecture 2: What is JSX

Lecture 3: Embedding expressions in JSX

Lecture 4: Using JSX as an expression

Lecture 5: Using Child elements in JSX

Lecture 6: Nesting JSX Elements

Lecture 7: Adding comments to JSX

Lecture 8: Handling events

Chapter 4: React Components

Lecture 1: What are components

Lecture 2: Creating a react component

Lecture 3: Creating a react component in ES6

Lecture 4: What are props

Lecture 5: What is a state

Lecture 6: Converting a function to a class

Lecture 7: Adding a state to a class

Lecture 8: Component life cycle

Chapter 5: Project 1: Creating a mortgage calculator

Lecture 1: Create a new react app

Lecture 2: Creating the components part 1

Lecture 3: Creating the components part 2

Lecture 4: Creating the components part 3

Chapter 6: Project 2: Create a countdown timer

Lecture 1: Create a new react app

Lecture 2: Create the components part 1

Lecture 3: Create the components part 2

Lecture 4: Styling the component

Chapter 7: Project 3: Create a digital clock

Lecture 1: Create a new react project

Lecture 2: Create ES6 Component Part 1

Lecture 3: Create ES6 Component Part2

Chapter 8: Project 4: Static Tweet Component

Lecture 1: Sketching your components

Lecture 2: Creating a new react project

Lecture 3: Exploring project files and folders

Lecture 4: Modifying files

Lecture 5: Creating the avatar component

Lecture 6: Creating more components

Lecture 7: creating time and button components

Chapter 9: Project 5: Todo List App in JSBIN

Lecture 1: Creating a todo list part 1

Lecture 2: Creating a todo list part 2

Lecture 3: Creating a todo list part 3

Lecture 4: Creating a todo list part 4

Lecture 5: Creating a todo list part 5

Lecture 6: Thank You

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 8 votes
2 stars: 3 votes
3 stars: 20 votes
4 stars: 24 votes
5 stars: 30 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu