React for beginners tutorial

Learn React with hands-on examples and build a todo list application in a couple of hours
4.2 (76 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,463 students enrolled
Instructed by Sandy Ludosky IT & Software / Other
$19
$35
46% off
Take This Course
  • Lectures 17
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course 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


What are the requirements?

  • HTML & CSS
  • Javascript skills
  • CLI (The Command Line Interface)
  • Command Prompt (PC)

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started with React.js
Introduction
Preview
01:13
What is React ?
Preview
01:44
Why React ?
Preview
02:59
00:58

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
01:33

You need:

  • Code Editor (sublime text)
  • Terminal (Mac, linux machine) and Command prompt (PC)
  • The React library (v0.14.1)
  • Node
Section 2: The React Syntax
First React Component
Preview
05:17
03:36
  • <Component property="this is a value" />
  • <HelloWorld name="sandy" />
Section 3: Building the Todo App with React.js
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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandy Ludosky, 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.

Ready to start learning?
Take This Course