We may earn an affiliate commission when you visit our partners.
Deborah Kurata and Duncan Hunter

NgRx is a powerful library for organizing and managing state and interactions with that state in your Angular applications using the redux pattern. This course gets you started with NgRx including a store, actions, reducers, effects, and selectors.

Read more

NgRx is a powerful library for organizing and managing state and interactions with that state in your Angular applications using the redux pattern. This course gets you started with NgRx including a store, actions, reducers, effects, and selectors.

At the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern. In this course, Angular NgRx: Getting Started, you will learn the three principles of the Redux pattern that NgRx follows and the benefits this brings to your Angular applications. First, you will discover how to define a single store for all of your application state, access data from the store with selectors, dispatch actions using action creators, and process those actions with reducers to create new state. Next, you will explore how to handle side effects, such as asynchronous operations, with effects. Finally, you will learn how to architect your Angular applications for scale and performance using the container and presentational component patterns. When you are finished with this course, you will have a foundational knowledge of NgRx that will help you move forward to develop larger or more complex Angular application.

Enroll now

What's inside

Syllabus

Course Overview
Introduction
The Redux Pattern
First Look at NgRx
Read more
Developer Tools and Debugging
Strongly Typing the State
Strongly Typing Actions with Action Creators
Working with Effects
Performing Update Operations
Architectural Considerations
Final Words

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Teaches the Redux pattern and NgRx library, which are highly relevant to Angular applications
Instructed by Deborah Kurata and Duncan Hunter, experienced industry practitioners
Covers a comprehensive range of topics related to state management in Angular
Provides hands-on experience through exercises and interactive materials
Students are expected to have basic knowledge of Angular and JavaScript

Save this course

Save Angular NgRx: Getting Started to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Angular NgRx: Getting Started with these activities:
Review Redux Pattern Concepts
Reviewing core principles of the Redux pattern will provide context for learning NgRx
Show steps
  • Read articles and tutorials on the Redux pattern
  • Create a simple Redux application
  • Experiment with different actions, reducers, and stores
Review the Redux Pattern
Reinforce understanding of the Redux pattern to better grasp the role of NgRx in state management.
Show steps
  • Identify the key principles of the Redux pattern.
  • Explain how actions, reducers, and stores are used to manage state.
  • Demonstrate how to set up a Redux store and implement basic functionality.
Review the redux pattern
Reviewing the redux pattern will help to familiarize you with the core concepts of NgRx.
Show steps
  • Read the redux documentation
  • Watch a tutorial on the redux pattern
  • Try implementing a simple redux application
Ten other activities
Expand to see all activities and additional details
Show all 13 activities
Study guide
Gain a deeper understanding of NgRx and how it uses the Redux pattern by creating your own notes and examples.
Browse courses on NgRx
Show steps
  • Gather resources. Collect notes, assignments, quizzes, and exams from the course.
  • Organize materials. Sort and group related materials into logical sections.
  • Create connections. Identify relationships between different concepts and make notes to explain them.
  • Summarize key points. Condense important information into concise summaries.
NgRx study group
Collaborate with peers to reinforce your understanding of NgRx concepts and techniques.
Browse courses on NgRx
Show steps
  • Find a group. Join or create a study group with other students enrolled in the course.
  • Meet regularly. Schedule regular meetings to discuss course topics and work on projects together.
  • Support each other. Share knowledge, answer questions, and provide encouragement.
Follow a tutorial on NgRx
Following a tutorial on NgRx will help you to get started with the library and learn how to use it in your Angular applications.
Show steps
  • Find a tutorial on NgRx
  • Follow the steps in the tutorial
  • Try implementing the tutorial yourself
Join a study group or online forum for NgRx
Joining a study group or online forum will allow you to connect with other students and learn from their experiences with NgRx.
Show steps
  • Find a study group or online forum for NgRx
  • Introduce yourself and ask questions
  • Participate in discussions and share your knowledge
Redux pattern exercises
Solidify your grasp of the Redux pattern by solving exercises and implementing it in small-scale projects.
Show steps
  • Find exercises. Look for coding challenges or online exercises that focus on the Redux pattern.
  • Solve exercises. Practice implementing the Redux pattern in different scenarios.
  • Create projects. Apply the Redux pattern in your own projects to reinforce your understanding.
NgRx workshop
Deepen your NgRx knowledge and learn from experts in a hands-on workshop setting.
Browse courses on NgRx
Show steps
  • Attend a workshop. Find and participate in a workshop focused on NgRx.
  • Engage with experts. Ask questions, share your experiences, and learn from the instructors.
  • Apply learnings. Implement what you've learned in your own projects to enhance your skills.
Practice Redux Patterns
Reinforce your understanding of Redux patterns by practicing with sample applications.
Show steps
  • Create a sample Angular application.
  • Implement Redux store, actions, and reducers in your application.
  • Handle state updates and interactions using Redux patterns.
Build a simple NgRx application
Building a simple NgRx application will help you to apply your knowledge of the library and reinforce your understanding.
Show steps
  • Create a new Angular application
  • Install the NgRx library
  • Create a store, actions, reducers, and effects
  • Test your application
Advanced NgRx techniques
Expand your knowledge of NgRx by exploring advanced techniques and best practices.
Browse courses on NgRx
Show steps
  • Find tutorials. Search for tutorials that cover advanced topics in NgRx.
  • Watch videos. Follow along with video tutorials to see how experienced developers use NgRx.
  • Read articles. Explore documentation and blog posts to gain insights into NgRx best practices.
Mentor junior developers
Strengthen your understanding of NgRx by sharing your knowledge and helping others learn.
Browse courses on NgRx
Show steps
  • Find mentees. Reach out to junior developers or students who are interested in learning NgRx.
  • Guide and support. Provide guidance, answer questions, and offer encouragement to help your mentees succeed.
  • Reflect and improve. Reflect on your own understanding of NgRx as you help others learn.

Career center

Learners who complete Angular NgRx: Getting Started will develop knowledge and skills that may be useful to these careers:
Front-End Developer
Front-End Developers are responsible for designing and coding the user-facing side of websites and applications. Angular NgRx: Getting Started may be useful in training to become a Front-End Developer because it covers concepts related to managing state and handling side effects in Angular applications, which are important aspects of front-end development.
Web Developer
Web Developers build and maintain websites and applications using various programming languages, including Angular. Angular NgRx: Getting Started may be useful in training to become a Web Developer because it covers concepts related to managing state and handling side effects in Angular applications, which are important aspects of web development.
Angular Developer
Angular Developers specialize in using Angular's TypeScript-based framework to build dynamic web applications. Angular NgRx: Getting Started may be useful in training to become an Angular Developer because it covers concepts related to managing state and handling side effects in Angular applications, which are important aspects of web development with Angular.
Software Engineer
Software Engineers apply engineering principles to the design, development, and maintenance of software systems. Angular NgRx: Getting Started may be useful in training to become a Software Engineer because it covers concepts related to managing state and handling side effects in Angular applications, which are important aspects of software development.
User Experience (UX) Designer
User Experience (UX) Designers focus on creating a positive and seamless experience for users when interacting with websites and applications. While Angular NgRx: Getting Started does not directly teach UX design principles, it can help build a foundation in understanding how state management can impact the user experience of an application.
Product Manager
Product Managers are responsible for the overall vision and execution of a product. While Angular NgRx: Getting Started does not directly teach product management principles, it can help build a foundation in understanding how state management can impact the development and success of a product.
Data Analyst
Data Analysts collect, analyze, and interpret data to provide insights and recommendations for businesses. While Angular NgRx: Getting Started does not directly teach data analysis principles, it can help build a foundation in understanding how state management can be used to store and manipulate data within an application.
Quality Assurance (QA) Engineer
Quality Assurance (QA) Engineers test and evaluate software to ensure it meets quality standards. Angular NgRx: Getting Started may be useful in training to become a QA Engineer because it covers concepts related to managing state and handling side effects in Angular applications, which are important aspects of testing and evaluating software.
Technical Writer
Technical Writers create and maintain technical documentation, such as user manuals, tutorials, and release notes. Angular NgRx: Getting Started may be useful in training to become a Technical Writer because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when writing documentation for Angular applications.
Project Manager
Project Managers plan, execute, and close projects. Angular NgRx: Getting Started may be useful in training to become a Project Manager because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when managing software development projects that use Angular.
Business Analyst
Business Analysts gather and analyze business requirements and translate them into technical specifications. Angular NgRx: Getting Started may be useful in training to become a Business Analyst because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when working with software development teams that use Angular.
Marketing Manager
Marketing Managers develop and execute marketing campaigns to promote products and services. Angular NgRx: Getting Started may be useful in training to become a Marketing Manager because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when developing marketing materials for Angular-based software products.
Customer Success Manager
Customer Success Managers help customers achieve their goals with a product or service. Angular NgRx: Getting Started may be useful in training to become a Customer Success Manager because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when working with customers who use Angular-based software solutions.
Recruiter
Recruiters find and hire new employees for companies. Angular NgRx: Getting Started may be useful in training to become a Recruiter because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when screening candidates for Angular-based software development roles.
Sales Engineer
Sales Engineers provide technical expertise to customers during the sales process. Angular NgRx: Getting Started may be useful in training to become a Sales Engineer because it provides a thorough understanding of the Redux pattern and NgRx library, which can be helpful when selling Angular-based software solutions.

Reading list

We've selected nine books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Angular NgRx: Getting Started.
NgRx uses TypeScript, a superset of JavaScript that adds static typing. provides a deep dive into TypeScript, including best practices, advanced techniques, and how to integrate it with Angular applications. It valuable resource for developers who want to enhance their TypeScript skills.
Provides a practical guide to using Redux in real-world applications. It covers topics such as state management, action creators, reducers, and selectors. This book good option for developers who want to get started with NgRx quickly.
Provides a comprehensive overview of Redux, covering all the essential concepts and patterns. While it is not specific to NgRx, it provides a solid foundation for understanding the concepts that NgRx is built upon.
Provides a comprehensive overview of Angular, including its core concepts, best practices, and real-world examples. While it does not cover NgRx specifically, it can serve as a solid foundation for developers who are new to Angular and want to understand its fundamentals before delving into NgRx.
Offers a comprehensive guide to Angular 10, including its new features, best practices, and real-world applications. While it may not cover NgRx in depth, it provides valuable insights into Angular's latest developments and can complement the concepts taught in the NgRx course.
Classic guide to JavaScript. It covers the essential parts of the language and provides practical tips on how to write clean and efficient code.
Provides a thorough introduction to React, which popular JavaScript library for building user interfaces. It is different from but complementary to Angular. Understanding React can provide valuable insights for Angular developers, and this book highly-rated resource for learning React.
This is the specification for Flux Standard Action (FSA). FSA set of conventions for writing Redux actions.

Share

Help others find this course page by sharing it with your friends and followers:
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser