Control de gastos APP: Creando Experiencias Web

Control de gastos es una aplicacion realizada en React, se utilizaron librerias como circular progress bar para darle una experiencia de usuario mas atractiva al porcentaje de gastos. ademas se utilizo date-picker con el fin de mostrar un calendario y el usuario le sea mas facil y atractivo elegir una fecha.

• Conocimientos Puestos en Práctica

En la creación de mi aplicación de gestión de presupuestos y gastos, he aplicado los siguientes conocimientos:

• Creación de Hooks Propios: Desarrollé hooks personalizados como useBudget y useExpenses para encapsular la lógica relacionada con la gestión del presupuesto y los gastos. Estos hooks permiten una reutilización eficiente del código y una organización clara de la lógica de estado.

  Propósito: Los hooks propios ayudan a modularizar la aplicación y separar las responsabilidades. useBudget se encarga del estado y las funciones relacionadas con el presupuesto, mientras que useExpenses maneja el estado y las acciones para gestionar los gastos.

• Context y Reducer: Implementé un contexto (BudgetContext) junto con un reducer para gestionar el estado global de la aplicación relacionado con el presupuesto y los gastos.

  Propósito: El contexto y el reducer permiten centralizar y compartir el estado de manera eficiente entre componentes sin necesidad de pasar props manualmente a través de múltiples niveles de la jerarquía de componentes. Esto mejora la escalabilidad y la mantenibilidad de la aplicación.

Estas prácticas de desarrollo me han permitido crear una aplicación de gestión de presupuestos y gastos robusta y fácil de mantener, aprovechando las mejores prácticas de React para la gestión del estado y la reutilización de código. zado

Visita el sitio web de Planificador de gastos

Repositorio