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

“Given the breadth of the course, I think it was very well structured and organised, I got a lot
out of it.”     

 

JVM Tuning - Bespoke Course

Live Online - May 2020

 

“This was an excellent course and was lots of fun to attend. Instructor started with basic intro to
containerization, then explained Kubernetes and the different components (Container
engine, orchestrator, control plane) which all made sense because of the containerization
intro. The parts of the course layered on top of one another to give a good understanding of
Kubernetes.”

 

Kubernetes for App Developers - GTLFKAD

Live Online - Nov 2020

 

“Really enjoyed the course, it has been an eye opener on opportunities to steer how we approach the cloud from a IT Service Management perspective.”

 

Professional Cloud Service Manager - GTC13

Live Online May 2020

 

''Fantastic course, looking forward to applying this in my work and home life. Excellent, practical approach, very motivational. I think the entire company should attend training.''

 

Being Agile in Business - GTBAB

Sept 2019

“The instructor was great! I didn't expect such a good level of teaching with what some may
consider a dry subject. This was simply great!”  

 

Linux LPIC-1 - GTU8

Live Online - August 2020

 

"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

31 May - 4 June 2021

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

22 - 25 June 2021 

Live Online

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

Learn More

DEVOPS FOUNDATION TRAINING

14 - 15 June 2021

Live Online

The purpose of the certification and its associated course is to impart, test and validate knowledge of DevOps basic vocabulary, principles and practices.

Learn More

 INTRO TO PYTHON 3

May 18 – 20 2021

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