Course description
The React course comprises sessions dealing with setting up for and creating a React app, JSX and element rendering, components and props, state and lifecycle, hooks, event handling, lists and keys, forms, composition and inheritance, React Router, Flux, and Redux. React Native is not covered on this course.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
Who will the Course Benefit?The React course is designed for JavaScript developers who are interested in using React to build fast, single page, client-side web applications.
Course ObjectivesThis course aims to provide the delegate with the knowledge to be able to build a Single Page Application (SPA) composed of React components and incorporating React Router. The delegate will also be exposed to application state containers including Flux and Redux and local state management via Hooks.
Upcoming start dates
Suitability - Who should attend?
Delegates should be able to:
- Build and style simple web pages using HTML & CSS
- Build JavaScript applications that exploit all fundamental elements of the language including variables and expressions, conditions and loops, functions, objects, arrays, the DOM, and event handling
This knowledge can be gained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.
Experience to the level as demonstrated in these courses is recommended:
- Modern, Responsive Websites with HTML & CSS
- JavaScript Developer
Training Course Content
React Training Course
Course Contents - DAY 1
Course Introduction- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
- Understanding React
- Using Babel
- Create-React-App
- Setup & Project Structure
- Single Page Applications
- Transpilers & Polyfills
- ES6 Features
- Primitive & Reference Types
- Template Literals
- Destructuring
- Let, Const & Var
- Arrow Functions
- Understanding Classes
- Decorators
- Spread and Rest Operators
- Default Parameters and Values
- Exports and Imports
- Modules
- Array Functions
- Promises
- Generator Functions
- Sets and Maps
- Functional JavaScript
- Typescript
- Virtual DOM
- JSX
- Lists and Keys
- What is a Component
- Functional vs. Class Components
- React Props
- State in Brief
- Typechecking
- Composition & Inheritance
Course Contents - DAY 2
Session 5: STATE & LIFECYCLE- State vs. Props
- Adding State
- Lifting State Up
- Component Lifecycle
- Component Lifecycle Methods
- Immutability
- Handler Assignment
- Binding to this
- Passing Arguments to Event Handlers
- Custom Components & Events
- Synthetic Event
- Controlled Components
- Uncontrolled Components
- Using Refs
- Forms JSX Summary
- Validation
- Form Libraries
- Using react-router
- Core Components
Course Contents - DAY 3
Session 9: HOOKS- Motivation: Stateful Logic Re-Use
- Functional Vs Class Components Refactored
- Local State Without A Class: Internals
- Standard Hooks
- Custom Hooks: The Anticipated Future
- The (Only) Rules of Hooks
- Testing React
- React Performance
- Production Build/Deploy
- Refs & DOM
- React Patterns
- Authentication
- JSON Web Token
- Third Party Components
Course Contents - DAY 4
Session 11: FLUX- Flux vs MVC
- Flux Main Components
- Flux Flow in Action
- Flux Utils
- Flux Implementations
- Redux: Inspired by Flux
- Core Redux: Actions, Action Creators, Reducers, Store
- Redux Data Flow
- Introduction and Setup Environment
- Components of React Redux
- React Data Flow
- Redux Recipes
- Redux DevTools
- Middleware
- Redux Thunk
- Redux Saga
Customer Outreach Award
We believe that it should be easy for you to find and compare training courses.
Our Customer Outreach Award is presented to trusted providers who are excellent at responding to enquiries, making your search quicker, more efficient and easier, too.
Reviews
Average rating 4.9
I learned so much during this course, 10/10 recommend it to anyone who has a chance to take it! I will definitely be using the skills I learned on my next project.
Stuart did a fantastic job, tailoring his teaching skills to all the students in the class. We had students with different web development skills. Overall, great class. Thank yo...
Continuing Studies
Further Learning
- PHP Developer
Request info
Why StayAhead. From a single person on a scheduled course to large scale training projects StayAhead Training have the expertise and experience to help. Established since 1992, StayAhead Training is recognised as one of the leading independent IT Training specialists...
I absolutely loved this course. The trainer knowledge was on point all the way and I only wish he taught everything I needed to learn about as I wouldn't go anywhere else for tr...