Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to NgRx for Angular Developers

Course Summary

The Introduction to NgRx for Angular Developers training course brings developers up to speed with modern Angular web app development with the popular Redux + RxJS library for Angular, NgRx.

The course begins by exploring how using NgRx to build your Angular applications can bring powerful benefits, such as managing state in place, managing asynchronous operations with RxJS, and enabling easier unit testing of application logic, Next, students will learn a clear, understanding of flow of data in applications. The course concludes with students exploring how NgRx can be integrated with Redux Developer Tools, Angular Routing and Lazy Loading through NgRx features.

Prior working knowledge and practical experience of Angular, RxJS, and TypeScript. Students should have extensive experience in developing Angular and RxJS and extensive coding experience with TypeScript. Also, Students should have experience with asynchronous JavaScript and making AJAX calls with JavaScript code. Introductory content on these three topics is not covered in the class.

Purpose
 Learn the knowledge and tools to integrate NgRx into practice.
Audience
 Angular developers and developer teams looking to incorporate NgRx into their Angular development.
Role
Software Developer - Web Developer
Skill Level
Intermediate
Style
Fast Track - Workshops
Duration
2 Days
Related Technologies
JavaScript | Angular

 

Productivity Objectives
  • Create Actions, Reducers, and a Store Service
  • Utilize RxJS and Async pip to display store state in a component
  • Employ RxJS and REST services to connect remote data to the NgRx application
  • Connect Routing to NgRX

What You'll Learn:

In the Introduction to NgRx for Angular Developers training course, you'll learn:
  • Introduction
    • What is NgRx?
    • NgRx compared to Flux, Redux
    • Benefits of NgRx
  • NgRx Essentials
    • Actions
    • Reducers
    • Store
    • Displaying Store State in a Component
    • Dispatching Actions
    • Using the Redux Developer Tools
  • NgRx Effects
    • Using JSON Server
    • Angular's HTTP Client (quick review only)
    • Using the HTTP Client, RxJS with NgRx Effects API
    • Error Handling
    • Benefits of RxJS when working with HTTP
  • NgRx Features and Selectors
    • Organize the State Tree into Features
    • Lazy Loading Features with Angular Routing
    • Writing Complex Selectors for Loading Data into an Angular Component
    • Storing the Routing State in the Store
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.