Search our courses
Training

React has redefined web development, with its focus on testable components, a virtual DOM and functional programming concepts. Widely popular, and in use by companies such as Netflix, facebook, Instagram and Walmart, React has changed the way developers think about building client-side apps. This React Fundamentals training course will teach you the fundamentals of React, with plenty of lab exercises to take you step by step toward building complete applications. The class will use ES6+ throughout.

 

Objectives

After this course, you will be able to:

  • Understand how React rethinks front-end UI architecture and use this understanding to build apps and components effectively
  • Build a variety of React components and apps using both class-based and stateless functional component styles
  • Utilize the React component lifecycle in building components
  • Write managed components to handle user input
  • Appreciate why Higher Order Components might be employed when building an app
  • Utilise React Router to provide client-side routing

React Fundamentals

Course Code

GTIT41

Duration

2 Days

Course Fee

POA

Accreditation

N/A

Target Audience

  • Web Developers

Attendee Requirements

  • Students should have 3-6 months of prior JavaScript/HTML knowledge

We are sorry, there is currently no availability on this course.

contact us for more information

Ways to Attend this Course

  • In the Classroom
  • Private Training

Expand all

Course Description

React has redefined web development, with its focus on testable components, a virtual DOM and functional programming concepts. Widely popular, and in use by companies such as Netflix, facebook, Instagram and Walmart, React has changed the way developers think about building client-side apps. This React Fundamentals training course will teach you the fundamentals of React, with plenty of lab exercises to take you step by step toward building complete applications. The class will use ES6+ throughout.

 

Objectives

After this course, you will be able to:

  • Understand how React rethinks front-end UI architecture and use this understanding to build apps and components effectively
  • Build a variety of React components and apps using both class-based and stateless functional component styles
  • Utilize the React component lifecycle in building components
  • Write managed components to handle user input
  • Appreciate why Higher Order Components might be employed when building an app
  • Utilise React Router to provide client-side routing
Course Outline

Overview

  •     Why React?
  •     The React Ecosystem
  •     Real-world React App Examples
  •     React and the Virtual DOM
  •     React Native

Getting Started with React

  •     Defining a Component
  •     Writing a Hello, world! App
  •     A Minimal React Project
  •     Toolchains and create-react-app
  •     Developer Tools

JSX

  •     JSX Syntax & the Translation Process
  •     Naming Conventions
  •     Adding Children
  •     Including JavaScript Expressions
  •     Children from Functions

Properties

  •     Specifying Props

Property Validation

  •     Declaring PropTypes
  •     Custom Property Validation

Events

  •     Handling Events
  •     Binding Event Handlers – approaches in ES6 and beyond
  •     Updating State
  •     Synthetic Events
  •     Bubbling and Capturing

State

  •     State and ES6 Classes
  •     Initializing State
  •     Updating State and Rendering
  •     State and Asynchrony
  •     Understanding when to use props vs when to use state
  •     Stateless vs Stateful Components

Adding Interaction

  •     Data flow in React

Component Lifecycle

  •     Exploring lifecycle with common use cases
  •     componentDidMount()
  •     componentWillUnmount()
  •     Retrieving Data on componentDidMount()
  •     Transitions using Lifecycle Hooks
  •     Further Lifecycle Methods

Composing Multiple Components

  •     Composition
  •     Rendering Children
  •     Ownership
  •     Programmatically Rendering Child Components

Rendering Lists

  •     Using Functional Programming Techniques to render UI
  •     React’s reuse of DOM Elements
  •     Using Keys
  •     Stateful children

Transferring Props

  •     Transferring Props to Children
  •     JSX Spread Syntax
  •     Excluding Props

Forms

  •     Uncontrolled Components
  •     Controlled Components
  •     When to use which
  •     Building out an Invoice component

Stateless Function Components (SFCs)

  •     The SFC Pattern
  •     When to use SFCs

Refs

  •     Accessing real DOM elements
  •     When to use refs

Higher Order Components (HOCs)

  •     What’s an HOC?
  •     When to apply the HOC pattern
  •     Examples of HOCs
  •     Creating and invoking HOCs

Client-Side Routing

  •     The Need for Client-Side Routing
  •     Routing Approaches – History API and Hash-based Routing
  •     The Role of a Router
  •     Using React Router
Learning Path
Ways to Attend
  • Attend a public course, if there is one available. Please check our Schedule, or Register Your Interest in joining a course in your area.
  • Private onsite Team training also available, please Contact Us to discuss. We can customise this course to suit your business requirements.

Sorry, we are not taking bookings on this course at present

If you would like to contact us for more information on this course, you may do so here:

Contact us

Technical ICT learning & mentoring services

Private Team Training

Our instructors are specialist consultants with vast real world experience and expertise allowing them to design and deliver client-focused courses for your organisation.

Learn more about our Private Team Training

What Our Clients Say

“Very interesting course from an excellent instructor. Highly technical and well delivered”

 

Introduction to Modern Security - GTJ50

Dec '17

“Super experience. The instructor spoke with great knowledge and experience. The materials will be invaluable in the real world”

 

Professional Cloud Service Manager Certification training- GTC13

Dec '17

“Very useful course, making complex topics more approachable and the instructor was very good at getting concepts across and engaging with delegates and our specific needs”

 

Optimising Java - GTJ47

Dec '17

“This was an excellent course and I found it very interesting and enjoyable.  The instructor was a font of knowledge on all aspects of Big Data and Analytics and was enthusiastic about sharing his knowledge”

 

Applied Data Science and Big Data Analytics - GTBD7

Nov '17

“The instructor was fantastic at explaining lessons with applicable work type examples.  He was enthusiastic with what he was teaching which made learning the course more enjoyable”

 

Linux Essentials Certification - GTU2

Oct '17

"Intelligence is the ability to avoid doing work, yet
getting the work done"

Linus Torvalds, creator of Linux and GIT

Technical ICT learning & mentoring services

About GuruTeam

GuruTeam is a high-level ICT Learning, Mentoring and Consultancy services company. We specialise in delivering instructor-led on and off-site training in Blockchain, Linux, Cloud, Big Data, DevOps, Kubernetes, Agile, Software & Web Development technologies. View our Testimonials

Download our eBrochure
Our Accreditation Partners
Upcoming Courses

IoT Certification Training

19-20 Nov

DUBLIN

Business-oriented program that introduces the capabilities of IoT, the business advantages and key terminology as well as monetization models

Learn More

Cloud Technology Associate

21-22 Nov

CORK

Excellent foundation level, enables IT professionals to operate effectively in a cloud environment

Learn More

Cloud Service Manager

16-18 Oct

DUBLIN

ITIL in the Cloud certification training, accredited by the Cloud Credential Council

Learn More

EU GDPR Intensive Workshop

September | October

DUBLIN

Gain a clear understanding of the new law and the practical expectations required for all organisations

Learn More

Newsletter

Stay up to date, receive updates on scheduled dates, new courses, offers, and events.

Subscribe to our Newsletter