Introduction to React.js
4.4 (17 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.
75 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introduction to React.js to your Wishlist.

Add to Wishlist

Introduction to React.js

An introductory guide to help you understand the core concepts that underpin the React.js JavaScript framework
4.4 (17 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.
75 students enrolled
Created by Rob Tweed
Last updated 2/2016
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 11 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • understand the core concepts behind React.js
  • begin to develop simple React.js applications
  • have the confidence to move on to more advanced React.js courses
View Curriculum
Requirements
  • You should be familiar with HTML, CSS and JavaScript
  • You should have available a development system that includes a working Web Server
  • Familiarity with Node.js will also be an advantage
Description

This course provides a beginner's introduction to the powerful and ever-more popular React.js JavaScript framework. It has been designed for anyone who is already familiar with HTML and JavaScript, and perhaps already using another JavaScript framework, but wanting to understand the basics of React.js. React.js is quite a significant departure from most other JavaScript frameworks and it can be tricky to "get it". Key to "getting" React.js is understanding its key underlying concepts, so that's what this short course will focus on, through a mixture of diagrams and the creation of a simple working application.

Who is the target audience?
  • This course is designed for anyone who wants to get a basic understanding of the React.js JavaScript framework
  • It is not designed for people who already understand the underlying concepts of React.js
  • It is also not designed for anyone wanting to learn advanced React.js development techniques
Students Who Viewed This Course Also Viewed
Curriculum For This Course
12 Lectures
01:14:17
+
Introduction to React.js
3 Lectures 19:15

This lecture summarises the background to React.js and outlines its 4 underlying core concepts

Preview 03:02

This lecture explains the main core concepts that underpin React.js, showing how they are used to create and control the behaviour of a browser-based JavaScript application

Preview 13:31
+
Practical Tutorial
8 Lectures 49:45

In this lecture we'll get a simple "Hello World" application up and running. We'll examine all the pieces needed to get started developing with React.js

Step 1: Getting Started
05:56

In this lecture we'll see how to define a React.js component.

Step 2: Defining a Component
04:35

In this lecture, we'll begin to create a simple hierarchy of components

Step 3: Creating a Simple Hierarchy of Components
04:14

In this lecture, we'll examine how props are used to control the behaviour of components

Step 4: Using Props
04:47

In this lecture, we'll extend the application by invoking a function in the parent component via a button click handler in a child component.

Step 5: Passing a Handler Function as a Prop
04:11

In this lecture, we'll complete our simple application by introducing and applying a state variable.

Step 6: Using State Variables
09:04

In this lecture, we'll examine the techniques and options available for breaking down our application into separate standalone modules.

Step 7: Modularising the Application
09:07

In this final practical lesson, we'll install Browserify and its associated modules, and run it to create a bundled JavaScript file that will invoke our modularised React.js application in a browser.

Step 8: Installing and Using Browserify
07:51
+
One Last Thing...
1 Lecture 05:17
The Added Benefit of React.js
05:17
About the Instructor
Rob Tweed
4.4 Average rating
48 Reviews
138 Students
4 Courses
Author of EWD.js

My name is Rob Tweed. I'm a Director and co-founder of M/Gateway Developments Ltd, a UK company that, since 1996, has specialised in web and internet technologies, in particular in conjunction with the Caché and GT.M databases.

I'm the author of EWDjs, a Node.js-based framework for browser-based client/server applications. EWDjs is specifically designed for use with the Caché and GT.M technologies, but supports other NoSQL databases including MongoDB and can be used as a framework with any other database technology.

My IT career started at the Royal Marsden Hospital, the UK's premier cancer hospital based in London and Surrey, where I headed up the application development team within their Computer Department.

I spent 4 years working in the Healthcare IT team at Touche Ross Management Consultants in London, during which time (and for several years after) I was a key member of the NHS-Wide Networking Project team, one of Europe's largest-ever networking projects, managed by the NHS Management Executive.

After becoming an independent consultant in the mid-1990s, I have focused exclusively on web technologies, with a particular focus on their role in healthcare. I was the inspiration behindWebLink, a web gateway product that I and my fellow co-director Chris Munt created and sold toInterSystems, the vendor of Caché. I also developed InterSystems' WebLink Developer framework, the pre-cursor to EWDjs, and have consulted with and supported many of InterSystems' major customers around the world to help them build their web application projects. The largest of these customers is Quest Diagnostics in the USA who use both WebLink Developer and EWD (the immediate predecessor to EWDjs) to support their Care360 application: the world's largest Caché-based, internet-facing web application. I provide support to Quest Diagnostics for both EWD and WebLink Developer.

Recent high-profile work includes my technical support and development of the JavaScript User Interface for Oroville Hospital's winning entry in 2013 to the US Dept of Veteran's Affairs Scheduling competition.

My technical expertise includes over 30 years' experience in the Mumps, Caché and GT.M technologies in not only healthcare but also a wide range of market sectors including financial services, online publishing and retail. Other experience includes:

  • Nodejs
  • Javascript
  • JSON
  • Javascript frameworks including Bootstrap, jQuery, ExtJS and Sencha Touch
  • NoSQL databases
  • WebSockets
  • XML
  • Mobile web applications and frameworks

I have presented at a wide range of conferences in the USA, UK and elsewhere, including Ajax World, Cloud Computing, EHI Live, London Node.js Users Group and InterSystems' Developers Conference.