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

NgRx is a powerful library for managing state and interactions in your Angular applications. This course gets you started with NgRx, including store, actions, reducers, selectors, effects, entity adapter, router store, and component store.

Read more

NgRx is a powerful library for managing state and interactions in your Angular applications. This course gets you started with NgRx, including store, actions, reducers, selectors, effects, entity adapter, router store, and component store.

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, NgRx Fundamentals, you will learn the most important fundamentals, best practices, and often overlooked common scenarios you need to know to get up and running quickly with NgRx. 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. Then, you'll see how to use Entity Adapter for managing collections and Router Store for listening to the state of the router. Finally, you will learn about Component Store to manage local state. 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 applications.

Enroll now

What's inside

Syllabus

Course Overview
Introduction
First Look
Developer Tools and Debugging
Read more
Strongly Typing Actions with Action Creators
Selecting State with Selectors
Working with Effects
Listen to Router State with Router Store
Managing Collections with Entity Adapter
Manage Local State with Component Store
Final Words

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Teaches NgRx, a library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern
Teaches Redux pattern and NgRx library, which are core skills for Angular developers
Builds a strong foundation for beginners in NgRx
Strengthens an existing foundation for intermediate learners in NgRx
Develops professional skills or deep expertise in managing state and interactions in Angular applications

Save this course

Save NgRx Fundamentals 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 NgRx Fundamentals with these activities:
Review Angular Fundamentals
Refresh your knowledge of Angular fundamentals before starting the course to ensure a stronger foundation.
Browse courses on Angular
Show steps
  • Review the Angular documentation
  • Build a small sample Angular application
Redux DevTools Extension Tutorial
Learn how to use the Redux DevTools extension to debug NgRx applications and gain insights into state changes.
Browse courses on Redux
Show steps
  • Install the Redux DevTools extension
  • Connect the extension to your NgRx application
Explore NgRx Code Examples
Gain hands-on experience with NgRx by following detailed code examples and tutorials.
Show steps
  • Visit the NgRx website and explore the documentation.
  • Find and follow a tutorial that matches your interests or learning objectives.
  • Implement the code examples provided in the tutorial.
  • Experiment with the code and make modifications to deepen your understanding.
Six other activities
Expand to see all activities and additional details
Show all nine activities
Redux Pattern Practice Exercises
Reinforce your understanding of the Redux pattern by completing practice exercises that cover various scenarios.
Browse courses on Redux
Show steps
  • Create a Redux store with actions and reducers
  • Handle asynchronous actions with Redux effects
Extend Person and Todo apps
Solidify your understanding of NgRx by extending and customizing basic NgRx applications.
Show steps
  • Fork and clone the starter code.
  • Implement a UI to add a list of todos.
  • Implement NgRx actions and reducers to add a todo.
  • Implement NgRx effects and selectors to load and filter todos.
  • Implement a UI to edit a todo.
NgRx Video Tutorials
Supplement your learning by watching video tutorials that provide visual demonstrations and explanations of NgRx concepts.
Browse courses on NgRx
Show steps
  • Watch video tutorials on NgRx fundamentals
  • Follow along with the code examples provided in the tutorials
NgRx Study Group
Join a study group with fellow students to discuss NgRx concepts, share knowledge, and get support.
Browse courses on NgRx
Show steps
  • Find a study group or create your own
  • Meet regularly to discuss course material and NgRx
NgRx Project: State Management App
Apply your knowledge by building a small Angular application that leverages NgRx for state management.
Browse courses on NgRx
Show steps
  • Design the application's state model
  • Implement the Redux pattern using NgRx
  • Handle UI events and updates using NgRx
NgRx Blog Post
Solidify your understanding by writing a blog post that explains a specific aspect of NgRx.
Browse courses on NgRx
Show steps
  • Choose a specific topic related to NgRx
  • Research the topic and gather information
  • Write a well-structured and informative blog post

Career center

Learners who complete NgRx Fundamentals will develop knowledge and skills that may be useful to these careers:
Full-Stack Developer
Full Stack Developers are responsible for both the front end and back end of web applications. NgRx is a powerful tool for managing state in Angular applications, which is essential for building complex and responsive web applications. This course will provide you with a strong foundation in NgRx, enabling you to develop more efficient and maintainable full stack applications.
Web Developer
Web Developers are responsible for developing and maintaining websites. NgRx is a powerful library for managing state in Angular applications, which is essential for building complex and responsive web applications. This course will provide you with a strong foundation in NgRx, enabling you to develop more efficient and maintainable web applications.
Front-End Developer
Front End Developers build and maintain the user interface of web applications. Knowing NgRx will help build complex and reactive user interfaces. You will learn how to effectively manage state, including handling user interactions, handling asynchronous operations, and managing collections. In addition, understanding the Redux pattern will provide you with a solid foundation for building scalable and maintainable front end applications.
Technical Architect
Technical Architects design and oversee the development of software systems. NgRx is a powerful library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern. This course will provide you with a foundational knowledge of NgRx that will help you design and develop larger or more complex Angular applications.
Software Engineer
Software Engineers design, develop, and maintain software systems. NgRx is a powerful library for organizing and managing state and interactions with the state in your Angular applications following the Redux pattern. This course will provide you with a foundational knowledge of NgRx that will help you move forward to develop larger or more complex Angular applications.
Mobile Developer
Mobile Developers build and maintain mobile applications. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to mobile development as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
React Developer
React Developers build and maintain user interfaces of web applications using the React library. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to React as well. This course will provide you foundational knowledge and best practices that can be applied across different frameworks.
DevOps Engineer
DevOps Engineers automate and streamline the software development process. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to DevOps as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Product Manager
Product Managers define and oversee the development of software products. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to product management as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Data Scientist
Data Scientists analyze data to extract insights and develop predictive models. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to data science as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Machine Learning Engineer
Machine Learning Engineers develop and deploy machine learning models. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to machine learning as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Business Analyst
Business Analysts analyze business needs and develop solutions to improve business processes. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to business analysis as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Project Manager
Project Managers plan and execute software development projects. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to project management as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Data Engineer
Data Engineers design and build systems to process and manage data. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to data engineering as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.
Quantitative Analyst
Quantitative Analysts develop and use mathematical and statistical models to analyze financial data. While NgRx is specifically for Angular, understanding the Redux pattern can be applied to quantitative analysis as well. This course will provide foundational knowledge and best practices that can be applied across different frameworks.

Reading list

We've selected four 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 NgRx Fundamentals.
Beginner-friendly guide to NgRx. It provides a clear and easy-to-understand introduction to the library's core concepts and best practices.
Covers all aspects of Angular, including state management with NgRx.
Covers the fundamentals of Angular development using TypeScript. It provides a solid foundation for building Angular applications, including state management with NgRx.
This course provides a practical introduction to NgRx, covering key concepts and hands-on exercises. It's a good option for those who prefer a structured learning approach.

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