NgRx store concept in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the NgRx Store in Angular?

NgRx Store is a state management library for Angular apps. It helps keep app data in one place, making it easier to manage and share across components.

beginner

How does NgRx Store help with app state?

NgRx Store keeps the app state in a single, immutable object. This means the state can't be changed directly but only through specific actions, making the app predictable.

beginner

What are Actions in NgRx Store?

Actions are simple objects that describe what happened in the app. They tell the store how to update the state.

intermediate

What role do Reducers play in NgRx Store?

Reducers are pure functions that take the current state and an action, then return a new state. They decide how the state changes based on actions.

intermediate

Why is immutability important in NgRx Store?

Immutability means the state object is never changed directly. Instead, a new state object is created on every change. This helps track changes clearly and avoid bugs.

What does the NgRx Store primarily manage in an Angular app?

A App state

B Routing

C HTTP requests

D Component templates

NgRx Store manages the app state centrally, making it easier to share and update data.

Which NgRx concept describes an event that triggers state change?

A Reducer

B Selector

C Effect

D Action

Actions describe events that tell the store how to update the state.

What must a reducer function always return?

A An action

B The same state object

C A new state object

D A component

Reducers return a new state object based on the current state and action.

Why is the state in NgRx Store immutable?

A To allow direct changes

B To prevent bugs and track changes clearly

C To speed up rendering

D To store UI templates

Immutability helps avoid bugs by ensuring state changes are clear and predictable.

Which of these is NOT part of the NgRx Store pattern?

A Components

B Reducers

C Actions

D Selectors

Components are Angular building blocks but not part of the NgRx Store pattern itself.

Explain how NgRx Store manages state in an Angular app.

Think about how data flows and changes in the app.

Describe the roles of Actions and Reducers in NgRx Store.

Consider who tells the store what happened and who decides how state changes.