reed.co.uk Courses

Header

Starting with React.js


Stone River eLearning

Summary

Price
£300 inc VAT
Study method
Online, self-paced
Duration
3 Hours
Qualification
No formal qualification

Add to basket or enquire

Overview

Many new or intermediate developers struggle to see how React.js differs from other JavaScript frameworks and libraries, or how it fits into application architecture in general. Simply put, React allows you to develop user interfaces like the pros; and this course will show you exactly how it works.

Make Interactive UIs with Ease

  • Understand and use React components
  • Code a React app with an online IDE
  • Learn how React can help you as a developer
  • Style a React app with React CSS and Bootstrap
  • Use Flux, State and Props, Routers and more

The Must Have JavaScript Library

This React online course was designed with web developers in mind. If you design UI/UX solutions for mobile or the web, learning React.js will vastly improve how you work. And if you want to design with React as easily as with other JavaScript frameworks, this course is a must.

This course focuses on building simple components and composing them to create complex, rich, functional component solutions. You'll get to grips with event handling, routing, implementing Flux architecture, and much more to master React fundamentals.

We start from the very beginning and stick with you every step of the way, kicking off with an introduction to React and getting progressively more challenging as the course continues. Don't worry – you'll soon be working on React projects with ease.

By the end of this course, you'll be productive and efficient in using this versatile library, and you'll be able to build great looking web apps faster than ever before.You'll walk away with a working knowledge of the framework, it's various facets, and you'll understand how it fits into your process. But most of all, you'll have a valuable and time-saving new skill in your developer toolbox.

What is React?

React.js is a JavaScript library that makes building user interfaces simple and painless. It is a view layer rather than a complete framework, so while it's not suitable for building a fully functional dynamic app, it adds the finishing touch to make your websites look flawless. React is maintained by Facebook, Instagram and a wider community of developers and can be used with React-based add-ons or in conjunction with other JS libraries and frameworks.

What Will I Learn?

  • Code a React with an Online IDE
  • Understand and use React Components
  • Compose Components in React's Component-focused paradigm
  • Use React's State and Props to manage Component data
  • Learn to handle Events in React
  • Implement React's powerful Router
  • Implement Flux to super-charge a React app
  • Style a React app with React CSS & Bootstrap
  • Understand what React is all about, and how it can help you as a developer ... and much, much more!

Description

Class Curriculum

Welcome to Starting with React

Start

Introduction (2:12)

Start

What is React (2:38)

Preview

Preparing for React (6:31)

Start

How This Course Works (3:56)

React Components

Start

Section Introduction (2:03)

Start

Component Basics (5:28)

Preview

Component Implementation (4:23)

Start

Component Composition (2:20)

Start

Composition Implementation (3:25)

Start

Section Conclusion (2:31)

React State & Props

Start

Section Introduction (1:22)

Start

Managing Data in React (2:51)

Start

State & Props Implementation (5:11)

Start

Section Conclusion (1:53)

React Event Handling

Start

Section Introduction (0:59)

Start

Reacting to Events (1:33)

Preview

Event Handling Implementation (5:14)

Start

Section Conclusion (1:53)

Routing in React

Start

Section Introduction (1:27)

Start

Applying Routing (3:24)

Start

Router Implementation (9:35)

Start

More Routing Concerns (1:26)

Start

More Routing Implementation (2:37)

Start

Section Conclusion (2:24)

React Flux

Start

Section Introduction (1:55)

Start

The Flux Pattern (3:02)

Preview

Implementing a Flux Store (12:15)

Start

More Flux Details (1:58)

Start

Implementing Flux Shoutouts 1 (7:46)

Start

Implementing Flux Shoutouts 2 (14:16)

Start

React Forms (2:09)

Start

Implementing a React Form (5:19)

Start

Section Conclusion (2:48)

Styling React

Start

Section Introduction (1:36)

Start

Component-Level Styling (2:39)

Start

Applying Style (6:15)

Start

Flesh Out Characters (16:20)

Start

Section Conclusion (1:39)

Course Conclusion

Start

Content Review (2:30)

Preview

What now (1:47)

Start

Final Thoughts (1:26)

Who is this course for?

  • This course was built for web developers who design and build UI/UX solutions for mobile and the web.
  • This course is designed for those developers who want to design with React as easily as they can with other JavaScript frameworks.
  • Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how React is designed and used in a complete web solution.

Requirements

  • Before taking this course, a student should ideally (but not absolutely) have some experience in:
  • Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.)
  • Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.)
  • JavaScript development of complete client-side solutions.
  • REACT EXPERIENCE IS NOT REQUIRED!!!

Career path

Web Developer

Questions and answers

No questions or answers have been posted about this course.

Rating and reviews

There haven't been any reviews for this course yet.

Please sign in to review this course.