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

Price €995.00

Course Code

GTIT41

Duration

2 Days

Course Fee

€995.00

Accreditation

N/A

Target Audience

  • Web Developers

Attendee Requirements

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

Ways to Attend this Course

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.

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

"Absolutely fantastic training. Thoroughly enjoyed it thanks to our highly enthusiastic tutor.  It wouldn't be an understatement to say that it was the best professional training that I have ever received."

 

Customised Linux with Networking

Live Online -  February 2022

 

"The course content was very good. When needed, the Instructor was extending the content of the course with hints and tips to help us understand different topics that were covered in the course."

 

Kubernetes Administration Certification - GTLFK

Live Online June 2021

 

 

 

“The course was held at the highest possible standards, the instructor was excellent, well prepared, well informed, and clearly an SME. Top marks.”

 

Professional Cloud Service Manager - GTC13

Live Online December 2021

 

“Very engaging and practical course so hope to be able to put the learning into practice.”

 

Being Agile in Business - GTBAB

Live Online September 2021

 

“Great instructor, who encouraged active participation. The breakout groups and exercises kept the group engaged and the content relevant to our own products”.

 

Site Reliability Engineering Foundation - GTDSRE

Live Online January 2022

 

 

 

"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

Kubernetes Administration

20th - 23rd Sept 2022

4th - 7th October 2022

18th - 21st October 2022

Live Online

This Kubernetes Administration Certification training course is suitable for anyone who wants to learn the skills necessary to build and administer a Kubernetes cluster

Learn More

LPIC-1 PART 1

27th - 30th Sept SOLD OUT

24th -27th October

 Live Online

This Linux certification training course teaches in-depth skills in the basics of Linux Administration.
 

Learn More

PROFESSIONAL CLOUD SERVICE MANAGER

27th - 28th September with 2 hours exam prep on 29th September

 

Live Online

The Cloud Service Manager course enables participants to design and deliver cloud services. Exam prep on day 3.

Learn More

 INTRO TO PYTHON 3

11th - 13th October

13th - 15th December

 

 

Live Online        

A comprehensive introduction to the core syntax and functions provided by Python, including coverage of its object-oriented and functional programming features.

Learn More

Newsletter

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

Subscribe to our Newsletter