651-905-3729 Microsoft Silver Learning Partner EC Counsel Reseller compTIA Authorized Partner

React Fundamentals

5 Days

Description

React is a JavaScript library for building interactive user interfaces. It can be incrementally adopted, scaling easily from being used as a library to add small functionality to web pages to being used as a framework for a complete single-page-application. React also provides hooks that allow easy interaction with other JavaScript libraries and frameworks. 

This course will give the student a solid and in-depth foundation for building applications that use the powerful features provided by React.

Upcoming Classes

Virtual Classroom Live
June 24, 2024

$2,495.00
5 Days    10 AM ET - 5 PM ET
view class details and enroll
Virtual Classroom Live
July 29, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
August 26, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
September 23, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
October 28, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
November 18, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
December 16, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

Introduction 

  • What is React 
  • Why use React? 
  • SPAsand React Web Apps 
  • NextGen JavaScript Features 

 React Syntax and Basics 

  • Using Create React App 
  • Component Basics 
  • JSX 
  • Props and Dynamic Content 
  • State and Event Handling 
  • Two-Way Binding

Dynamic Content 

  • Conditionally Rendering Content 
  • Collection Content 
  • Updating State Immutably 
  • Collections and Keys 
  • More Flexible Collections

 Styling Content 

  • Inline Styles 
  • Dynamically Setting Styles 
  • Dynamically Setting Class Names 
  • Using Radium 
  • Using CSS Modules

Debugging 

  • Understanding Error Messages 
  • DevTools and Sourcemaps 
  • React Developer Tools 
  • Error Boundaries 

Components 

  • Creating Components 
  • Stateless vs. Stateful 
  • Component Lifecycle 
  • Pure Components 
  • Higher-Order Components 
  • Validating Props 
  • Context API

Web Server Interactions 

  • AJAX Calls 
  • Using Axios 
  • Rendering Fetched Data 
  • Avoiding Infinite Loops 
  • POSTing Data 
  • Handling Errors Locally 
  • Interceptors 

Routing 

  • Setting Up the Router Package  
  • Rendering Components for Routes 
  • Using Routing-Related Props 
  • Absolute vs. Relative Paths 
  • Nested Routes 
  • Route Guards 
  • Routing and Deployment

Forms 

  • Custom Dynamic Input 
  • Components 
  • Configuring a Form 
  • Handling Form Submission 
  • Custom Validation 
  • Showing Error Messages 

Managing State with Redux 

  • Complexity of State Management 
  • How Redux Works 
  • Reducer Functions and State Store 
  • Dispatching Actions 
  • Creating Subscriptions 
  • Connecting React to Redux 
  • Dispatching Actions from Components

Async Redux 

  • Adding Middleware  
  • Redux Devtools 
  • Action Creators 
  • Handling Async Actions 
  • Action Creators and Get State

Testing 

  • Required Testing Tools 
  • What to Test? 
  • Testing Components 
  • Jest and Enzyme 
  • Testing Containers 
  • Testing Redux 

Transitions and Animations 

  • Using CSS Transitions 
  • Using CSS Animations 
  • ReactTransitionGroup 
  • Using the Transition Component 
  • Wrapping the Transition Component 
  • Animation Timing 
  • Transition Events

Introduction to Hooks 

  • What are React Hooks? 
  • Getting Started with useState() 
  • Updating State 
  • Multiple States 
  • Rules of Hooks 
  • Passing State Across Components 

Side Effects 

  • Sending HTTP Requests 
  • useEffect() and Loading Data 
  • Understanding useEffect() Dependencies 
  • What is useCallback()? 
  • Refs and useRef() 
  • Cleaning up with useEffect() 

State Batching 

  • Understanding useReducer() 
  • useReducer() and HTTP State 
  • Working with useContext() 
  • Performance Optimization with useMemo()

Custom Hooks 

  • Getting Started 
  • Sharing Data with Components 
  • Using a Custom Hook

Upcoming Classes

Virtual Classroom Live
June 24, 2024

$2,495.00
5 Days    10 AM ET - 5 PM ET
view class details and enroll
Virtual Classroom Live
July 29, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
August 26, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
September 23, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
October 28, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
November 18, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
December 16, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

  • Students should have a good understanding of HTML and CSS and be experienced 
  • JavaScript developers, with an advanced understanding of JavaScript objects and functions as first-class citizens.

Upcoming Classes

Virtual Classroom Live
June 24, 2024

$2,495.00
5 Days    10 AM ET - 5 PM ET
view class details and enroll
Virtual Classroom Live
July 29, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
August 26, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
September 23, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
October 28, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
November 18, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Virtual Classroom Live
December 16, 2024

$2,495.00
5 Days    10 AM ET - 5 PM Et
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date