8293  Reviews star_rate star_rate star_rate star_rate star_half

Introduction to Redux for React using JavaScript/ECMAScript

Redux is a predictable state container for React. As React applications become more complex, developers often find a need for more structure around the data or state they are managing in their...

Read More
Duration 2 days
Course Code ACCEL-REDUX-REACT
Available Formats Classroom

Overview

Redux is a predictable state container for React. As React applications become more complex, developers often find a need for more structure around the data or state they are managing in their application. The Redux JavaScript library provides an elegant solution for this need.

This Introduction to Redux for React using JavaScript/ECMAScript training teaches developers the skills they need to immediately use Redux in their React applications.

Note: This Redux class can also be taught using TypeScript.

Skills Gained

  • Understand state management including when it is needed and the various alternatives
  • Utilize Redux to manage the state of the application
  • Use React and Redux together
  • Implement React and Redux best practices
  • Write unit tests for React using Jest and React Testing Library

Prerequisites

Attendees must have prior React development experience.

Course Details

Training Materials

All attendees receive comprehensive courseware.

Software Requirements

  • Google Chrome and/or Firefox
  • Other modern browsers as desired
  • IDE/development environment of your choice
  • Other free software and lab files that Ascendient Learning would specify, including Node.js

Outline

  • Introduction
  • State Management
    • What is State?
    • When do you need a State Management library?
    • Alternatives to Redux
    • Using Context for Shared State
    • Server State: React Query, SWR, or GraphQL client
  • Redux
    • What is Redux?
    • Benefits Checklist
    • Principles of Redux
    • Core Concepts (Store, State, Reducers, Actions, Action Creators)
    • Complementary Packages
    • When do you need Redux?
    • Basic Redux Example (includes time traveling)
    • Gotchas/Tips
  • Using Redux with React (React Redux Library)
    • Redux with React in Function Components
    • useSelector and useDispatch Hooks
    • Provider
    • Example
    • Redux with React in Class Components
    • Higher-Order Components
    • The connect function
    • Writing mapState functions
    • Writing mapDispatch Functions
    • Example
  • Asynchronous Actions (Redux Thunk)
    • Overview
    • Async Actions (Thunks)
    • Installation
    • Your First Thunk
    • Full CRUD Example
  • Putting It All Together (React & Redux & Thunk)
  • Testing
    • Tools (Jest, React Testing Library or Enzyme)
    • Syntax
    • Testing Vanilla JavaScript with Jest
    • Mocking
      • Mocking Modules
      • Mocking Functions
    • Debugging Tests
    • Component Tests with React Testing Library
    • Component Tests with Enzyme
      • Shallow
      • Full
      • Snapshot
    • Testing Redux Actions & Thunks, Reducers, HTTP
  • Optional Topics/FAQ (if time permits)
    • Performance
      • What causes a component to render?
      • Wasted Renders
      • Memoization
      • React.memo
      • Pure Components
  • Conclusion

Schedule

FAQ

Does the course schedule include a Lunchbreak?

Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does Ascendient Learning deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

What does vendor-authorized training mean?

As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.

Is the training too basic, or will you go deep into technology?

It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.

How up-to-date are your courses and support materials?

We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.

Are your instructors seasoned trainers who have deep knowledge of the training topic?

Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.

Do you provide hands-on training and exercises in an actual lab environment?

Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.

Will you customize the training for our company’s specific needs and goals?

We will work with you to identify training needs and areas of growth.  We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.

How do I get started with certification?

Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.

Will I get access to content after I complete a course?

You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.

How do I request a W9 for Ascendient Learning?

View our filing status and how to request a W9.

Reviews

Eric shown that not only he understands the subject matter of what he is teaching but also the underlying technology. With this knowledge he can provide great context to the subject that he is teaching

Eric knew not only the latest and greatest code for react / redux / javascript, but he also had us code all of the previous parts of javascript to lead up to those newer technologies to gain a more full understanding. This helped make things more clear and help us understand the basics before jumping into the advanced.

I will definitely recommend both this class, and the instructor (Eric Greene) as he has helped us to learn not only the process, but also the syntax and basic javascript. He was very patient with us, but kept us moving through the content.

The instructor, Eric, is very knowledgeable about the materials that he's teaching. He explains very well and walks through examples before we do lab exercises.

Eric knows his stuff and can react to any situation - he's very nimble, he can scale needs of everyone while satisfying the entire class... it's quite impressive.