Angular & ngrx

Angular RxJS    |    Intermediate
  • 12 videos | 45m 54s
  • Includes Assessment
  • Earns a Badge
When building reactive applications, ngrx reduces complexity by providing a set of tools. Explore ngrx and its use in creating reactive applications with Angular.

WHAT YOU WILL LEARN

  • Describe the ngrx angular component and its fundamental tenets
    Recognize the features and benefits of using ngrx in an angular app
    Describe the components of ngrx and how they can be used within an angular app
    Define and restrict the types of actions that are expected to be used in a reducer function
    Create a reducer function that is able to modify state based on specific actions
    Create and execute unit tests against a reducer function to verify expected functionality
  • Set up an ngrx store that can be used to manage state in an angular app
    Access and display state data that is being managed by an ngrx store
    Dispatch actions that are able modify the state of the application to an ngrx store
    Execute necessary side effects within the ngrx store ecosystem
    Use the redux devtools extension for firefox or chrome
    Use ngrx to create a reactive angular app

IN THIS COURSE

  • 3m 35s
    After completing this video, you will be able to describe the Angular ngrx component and its fundamental tenets. FREE ACCESS
  • 2m 12s
    After completing this video, you will be able to recognize the features and benefits of using ngrx in an Angular application. FREE ACCESS
  • Locked
    3.  Describing ngrx Components
    3m 31s
    After completing this video, you will be able to describe the components of ngrx and how they can be used within an Angular application. FREE ACCESS
  • Locked
    4.  Defining Action Types
    1m 46s
    In this video, find out how to define and restrict the types of actions that can be used in a reducer function. FREE ACCESS
  • Locked
    5.  Defining a Reducer
    3m 7s
    Learn how to create a reducer function that can modify state based on specific actions. FREE ACCESS
  • Locked
    6.  Testing a Reducer
    4m 53s
    In this video, learn how to create and execute unit tests against a reducer function to verify expected functionality. FREE ACCESS
  • Locked
    7.  Setting Up a Store
    2m 54s
    In this video, learn how to set up an ngrx store to manage state in an Angular app. FREE ACCESS
  • Locked
    8.  Getting Current State
    4m 50s
    Find out how to access and display state data that is being managed by an ngrx store. FREE ACCESS
  • Locked
    9.  Dispatching Actions and Modifying State
    5m 1s
    In this video, learn how to dispatch actions that modify the state of the application to an ngrx store. FREE ACCESS
  • Locked
    10.  Working with Effects
    7m 16s
    In this video, you will learn how to execute side effects within the ngrx store ecosystem. FREE ACCESS
  • Locked
    11.  Working with ngrx DevTools
    3m 26s
    In this video, you will learn how to use the Redux DevTools extension for Firefox or Chrome. FREE ACCESS
  • Locked
    12.  Exercise: Using ngrx with Reactive Angular
    3m 23s
    Learn how to use ngrx to create an Angular App that is reactive. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Build Apps Using React: In Development & Production
Course Build Apps Using React: Introducing React for Web Applications
Course Angular 11: Working With Angular Modules

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Angular Bootcamp: Session 1 Replay
Course Angular 6 Development: Reactive Programming
Course Angular 6 Development: Testing & TDD