Creating mobile app with NGRX angular nativescript. Working with State in angular application within NGRX

This course is about how to work with ngrx angular nativescript. I will create a simple crypto mobile application with ngrx angular nativescript. You can find all code inside of course with github link.

What is NgRx?

NgRx is a framework for building reactive applications in Angular. NgRx provides libraries for:

Managing global and local state.

Isolation of side effects to promote a cleaner component architecture.

Entity collection management.

Integration with the Angular Router.

Developer tooling that enhances developer experience when building many different types of applications.

NgRx packages are divided into a few main categories

State

Store – RxJS powered global state management for Angular apps, inspired by Redux.

Effects – Side effect model for @ngrx/store.

Router Store – Bindings to connect the Angular Router to @ngrx/store.

Entity – Entity State adapter for managing record collections.

ComponentStore – Standalone library for managing local/component state.

Data

  • Data – Extension for simplified entity data management.

View

  • Component – Extension for building reactive Angular templates.

Developer Tools

  • Store Devtools – Instrumentation for @ngrx/store that enables visual tracking of state and time-travel debugging.

  • Schematics – Scaffolding library for Angular applications using NgRx libraries.

  • ESLint Plugin – ESLint rules to warn against bad practices. It also contains a few automatic fixes to enforce a consistent style, and to promote best practice.

  • NgRx Store provides state management for creating maintainable, explicit applications through the use of single state and actions in order to express state changes. In cases where you don’t need a global, application-wide solution to manage state, consider using NgRx ComponentStore which provides a solution for local state management.

    When Should I Use NgRx Store for State Management?

    In particular, you might use NgRx when you build an application with a lot of user interactions and multiple data sources, or when managing state in services are no longer sufficient.

    A good guideline that might help answer the question, «Do I need NgRx Store?» is the SHARI principle:

    • Shared: state that is accessed by many components and services.

    • Hydrated: state that is persisted and rehydrated from external storage.

    • Available: state that needs to be available when re-entering routes.

    • Retrieved: state that must be retrieved with a side-effect.

    • Impacted: state that is impacted by actions from other sources.

    However, realizing that using NgRx Store comes with some tradeoffs is also crucial. It is not meant to be the shortest or quickest way to write code. It also encourages the usage of many files.

    It’s also important to consider the patterns implemented with NgRx Store. A solid understanding of RxJS and Redux will be very beneficial before learning to use NgRx Store and the other state management libraries.

NGRX angular nativescript

Creating mobile app with NGRX angular nativescript. Working with State in angular application within NGRX»

Este curso es GRATIS

¿Quieres más cursos gratis?

Únete a nuestro canal en Telegram con cientos de cursos gratis publicados diariamente

Curso gratis en Udemy

Con los cursos gratis de Udemy puedes aprender muchas cosas sin tener que gastar en ello. Pero primero debes tener en cuenta varias cosas:

Contenido Gratuito

Los cursos gratis de Udemy te permiten aprender nuevas cosas sin tener que pagar. Aprovecha la oportunidad.

Aprendizaje

Pon en práctica todos tus conocimientos aprendidos. Realiza increíbles proyectos basados en el mundo real.

Limites

Debes tener en cuenta que todos los cursos gratuitos de Udemy son de máximo 2 horas y no incluyen un certificado.

Este curso se encuentra disponible de manera gratuita sin necesidad de ningún cupón, a través de la opción “GRATIS”.

Te recomendamos primero leer las diferencias entre un curso gratis y uno de pago para evitar malentendidos:

Cursos gratuitos
  • Contenido de vídeo en línea
Cursos de pago
  • Contenido de vídeo en línea
  • Certificado de finalización
  • Preguntas y respuestas de los instructores
  • Mensaje directo para el instructor

Aunque los cursos son colocados de manera gratuita, es posible que el autor del curso pueda cambiarlos a modalidad de pago, por lo cual te recomendamos revisar muy bien las características del curso.

Para obtener el curso de manera gratuita usa el siguiente botón:


Deja tus comentarios y sugerencias


Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.


Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.