Simple application develop just to showcase some uses of React.
Main Functionalities:
- List Transactions
- Add new transaction
-React was used on version 17.0.2
- The app is build using Typescript, it grants bring static typing for javascript, granting us the ability to use the intelisense for our code editor, facilitates the refactoring of code, saves us debuging time and brings more assertiveness when accessing properties of our variables.
- Interfaces were created with payload responsed from the API, so the whole application is aware of it's data structure.
- axios for api access.
- styled-components to simplify separation between code and stylesheets.
- miragejs to create a mock for data, as we do not have a backend running.
To ensure the code follow the some pattern and is correctly typed, some libs were used:
UI components, like headers, dashboards were created to avoid code duplication. The components were create to be completely reusable and they do not contain any business logic.
- For this simple application, we use ContextAPI. It provides us a way to create a separation between UI components and business logic and state.
yarn && yarn dev