Learn React JS from scratch
3.6 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,563 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn React JS from scratch to your Wishlist.

Add to Wishlist

Learn React JS from scratch

Learn React js JavaScript framework from scratch
3.6 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,563 students enrolled
Last updated 11/2016
English
Curiosity Sale
Current price: $10 Original price: $115 Discount: 91% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Know how to access the React Library
  • Know how to access the React DOM Library
  • Know how to write JSX syntax
  • know how to transpile JSX code with Babel
  • know about a react component
  • know how to create a React Component
  • Know how to Mount a component
  • Know how to Un-Mount a component
  • Know about Props
  • Know about State
  • Know how to handle events in React
  • Know about Refs
View Curriculum
Requirements
  • Working knowledge of HTML
  • Working knowledge of CSS
  • Working knowledge of JavaScript
  • Working knowledge of Node.js
  • Working knowledge of Browser developer Tools
Description

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:

What is React.js?
Who uses  React
Adding and accessing React Library
Adding and accessing React DOM Library
Adding and accessing Babel compiler
Using JSX
Creating a React component
Using props
Prop Types
Using props with children
Working with state
Handling events
Using Refs
Mounting components
Un-Mounting Components
Updating Components
Creating a React App


This is a practical hands-on course and i encourage you to follow along as much as possible.


Thank you and welcome to the course.

Who is the target audience?
  • Anyone who has working knowledge of HTML
  • Anyone who has working knowledge of CSS
  • Anyone who has working knowledge of JavaScript
  • Aspiring web developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
34 Lectures
03:45:24
+
Introduction
5 Lectures 20:54
+
Getting Started
6 Lectures 41:16
Accessing React Library
05:35

JSX Syntax
07:50

React Components
06:28

How to create a React component
08:09

Create Component with ES6
04:08

Create stateless functional components
09:06
+
Props and State
8 Lectures 57:41
Using Props with components
07:37

Props with children
06:28

Prop Types
05:11

Using state part 1
06:51

using state part 2
09:14

Refs
07:37

Handling Events part 1
07:44

Handling Events Part 2
06:59
+
Create a chat app with database storage
15 Lectures 01:45:33
Project intro: what we will create
03:04

Create project directory
02:34

Initialize npm
03:46

Setting up your development environment
01:01

Installing basic modules
05:47

Installing Babel modules
05:13

Creating files and directory
06:35

Configuration of webpack file
10:58

Creating the basic parts for the app
10:34

Creating the chat component
10:42

Adding react code to the chat component -part 1
07:36

Adding react code to the chat component -part 2
12:23

Activating the input and submit
10:22

Setting up a firebase project
13:00

Sublime text babel syntax view
01:58
About the Instructor
Bluelime Learning Solutions
4.0 Average rating
1,562 Reviews
35,142 Students
85 Courses
Learning made simple

Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.