About

What is NgRx?

NgRx β€” Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ для построСния Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² Angular.

site: https://ngrx.io/docs

NgRx прСдоставляСт Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ для:

  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ состояниями

  • Π˜Π·ΠΎΠ»ΡΡ†ΠΈΡ side effects для обСспСчСния Π±ΠΎΠ»Π΅Π΅ чистой Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²

  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ сущностСй

  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с Angular Router

  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ возмоТности ΠΏΡ€ΠΈ создании Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Packages

ΠŸΠ°ΠΊΠ΅Ρ‚Ρ‹ NgRx дСлятся Π½Π° нСсколько основных ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ

State

  • Store β€” RxJS ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ глобальноС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ состояниСм для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Angular, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹Ρ… Redux.

  • Effects β€” Side effect модСль для @ngrx/store

  • Router Store β€” Π‘Π°ΠΉΠ½Π΄ΠΈΠ½Π³ΠΈ для ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Angular Router ΠΊ @ngrx/store.

  • Entity β€” АдаптСр Entity State для управлСния коллСкциями записСй.

  • ComponentStore β€” ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для управлСния Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ состояним ΠΈΠ»ΠΈ состояниСм ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.

Data

  • Data β€” Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для упращСния управлСния Π΄Π°Π½Π½Ρ‹ΠΌΠΈ сущностСй.

View

  • Component β€” Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для ΠΏΠΎΠ»Π½ΠΎΠΉ "Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΠΈ" ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Angular.

Developer Tooling

Last updated