reed.co.uk Courses

Header

Starting with React.js


Stone River eLearning

Summary

Price
£300 inc VAT
Or £50.00/mo. for 6 months... Read more
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

Currently there are no Q&As for this course. Be the first to ask a question.

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

What does study method mean?

Study method describes the format in which the course will be delivered. At reed.co.uk courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

What are CPD hours/points?

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on reed.co.uk, many of which can be completed online.

What is a ‘regulated qualification’?

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

What is an ‘endorsed’ course?

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body’s logo if they wish. Certain awarding bodies - such as ABC Awards and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.

Modals

Mobile Navigation