Introduction to React.js

An introductory guide to help you understand the core concepts that underpin the React.js JavaScript framework
4.9 (10 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.
51 students enrolled
Instructed by Rob Tweed IT & Software / Other
$19
$20
5% off
Take This Course
  • Lectures 12
  • Length 1 hour
  • 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 2/2016 English

Course 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.

What are the 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

What am I going to get from this course?

  • 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

What 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

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: Introduction to React.js
Introduction
Preview
02:42
03:02

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

13:31

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

Section 2: Practical Tutorial
05:56

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

04:35

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

04:14

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

04:47

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

04:11

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.

09:04

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

09:07

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

07:51

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.

Section 3: One Last Thing...
The Added Benefit of React.js
05:17

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Rob Tweed, 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.

Ready to start learning?
Take This Course