React for beginners tutorial
4.3 (125 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,674 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React for beginners tutorial to your Wishlist.

Add to Wishlist

React for beginners tutorial

Learn React with hands-on examples and build a todo list application in a couple of hours
4.3 (125 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,674 students enrolled
Created by Sandy Ludosky
Last updated 5/2016
English
Current price: $10 Original price: $35 Discount: 71% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • You will understand the fundamentals of React
  • You will understand the React syntax
  • You will be able to compile JSX into plain Javascript using CLI and NPM react tools
View Curriculum
Requirements
  • HTML & CSS
  • Javascript skills
  • CLI (The Command Line Interface)
  • Command Prompt (PC)
Description

You have probably heard of the React library. it’s a performance-minded view renderer made by the Facebook developers.

  • Open-source,
  • Client-side javascript library,
  • Supported by a large community of contributors,
  • Blazing fast, React is a Javascript library for building user interfaces.

Hundreds of developers use react to create dynamic user interfaces and deliver cutting-edge applications with the best user experience possible

This course will get you up to speed quickly with easy to follow short videos. It is project-oriented with hands-on examples, from simple to complex, that will help you with the most fundamentals concepts of React:

  • React custom syntax and the JSX transform
  • components, properties and state
  • The power of the virtual DOM

Topics include:

  • Compiling JSX to plain JS
  • introduction to Npm react-tools
  • Creating components
  • Using and populating properties
  • Adding and using state
  • Handling events


And, together we will build a web app - we will put everything together to create a basic Todo App with functions that will allows users to add, edit and delete tasks to do.

What are the benefits of taking this class:

  • Hands-on projects
  • Unlimited updates
  • It is fast and intuive
  • Knowing library in high demand in the tech industry
  • The popularity of React is growing.

So, don't wait - Join the class React for beginners Tutorial to get up and running with React in no-time


Who is the target audience?
  • Front End Developers
  • Javascript Developers
  • Anyone willing to take their coding skills to the next level and become a better Javascript developer
Students Who Viewed This Course Also Viewed
Curriculum For This Course
17 Lectures
01:20:44
+ –
Getting Started with React.js
5 Lectures 08:27



Pre-requisites:

  • HTML5
  • CSS3
  • Javacript
    • knowledge of the DOM and how to manipulate the DOM will prepare you for getting up to speed with React.js
  • Node.js and NPM
  • the Bootstrap library : a plus
Preview 00:58


You need:

  • Code Editor (sublime text)
  • Terminal (Mac, linux machine) and Command prompt (PC)
  • The React library (v0.14.1)
  • Node
Preview 01:33
+ –
The React Syntax
2 Lectures 08:53

  • <Component property="this is a value" />
  • <HelloWorld name="sandy" />
React Properties
03:36
+ –
Building the Todo App with React.js
10 Lectures 01:03:24
Create the Todo Component
09:15

Building the User Interface
04:35

Using properties
04:25

Handling events
06:52

Adding and using state
06:35

Using refs
02:53

The Todolist component
04:47

Editing & saving Todos
06:42

Adding &Removing Todos
07:11

Adding some Javascript logic
10:09
About the Instructor
Sandy Ludosky
4.3 Average rating
1,376 Reviews
16,829 Students
20 Courses
Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.