Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

5. Using ngrx in feature modules

Open
#6 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Refactor
Clarity
Clearly specified
Activity status
Stale
Tech stack
angular, typescript
Domain
frontend

Research direction

Read the linked wiki walkthrough, then inspect app.module.ts, pages/flight, and the existing ngrx/flight.actions.ts and ngrx/flight.reducer.ts files. Move the flight state into pages/flight/state-management, register the reducer and effects with the requested feature APIs, and separate the global state module and IDB interface. Done means every checklist item is complete and the original app-level flight registration is removed.

Written by the indexing model from the issue text.

Description

Below you have a check list to follow.
A detailed step by step description on how to solve the exercise is in the wiki.

  • Create a new folder state-management under pages/flight
  • remove flightReducer form app.module.ts
  • Move ngrx/flight.actions.ts and ngrx/flight.reducer.ts to the newly created folder state-management
  • Register flightReducer in pages/flight/state-management by using the StoreModule.forFeature method
    • Adopt imports
  • Register flightEffects in pages/flight/state-management by using the EffectsModule.forFeature method
    • Adopt imports
  • Refactor the ngrx folder. Create .module for global state management file and move IDB interface into separate file.
Dominant language
TypeScript
Stars
21
Forks
12
PR merge metrics
No merged PRs in 30d

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from BioPhoton/angular-ngrx-refactoring

All issues in BioPhoton/angular-ngrx-refactoring

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.