This is BootCamp Rocketseat challenge number 06, an application was created in React.js and TypeScript using various technologies and concepts like typescript, typing, componentization, properties, dropzone, sending vector files, axios, requests, errors, csv import, routes, styled-components, cascading of components, GlobalStyle, formatting currencies and dates with zones, state management, Hooks , useState, useEffect, refactoring, optimization, tables, unit tests
In this challenge, a financial application was created in React with Typescript that performs listing and importing in transactions and categories, returns listing and balance sheets, communicating with REST API built in challenge number 05, in addition to working with refactoring, formatting data, optimization of requests and code .
Among others, the following concepts and technologies were used:
- Transactions, financial categories and balance sheets
- Typescript, typing
- Componentization, properties
- Dropzone and sending vector files
- Axios and requests, including files
- Handling of files and errors
- Import, upload data to database
- Change of routes
- Styled-components, component cascading and GlobalStyle
- Formatting currencies and dates with zones
- Hooks state management like useState, useEffect
- Code refactoring
- Component optimization
- Tables and data
- Unitary tests
(pt-br)
Nesse desafio foi criado uma aplicação financeira em React com Typescript que realiza listagem e importação em transaçõs e categorias, retorna listagem e balanços, ccomunicando com API REST construida no desafio número 05 , além de trabalhar com refatoração, formatação de dados otimização as requisições e codigo.
Entre outras, foram utilizadas os seguintes conceitoros e tecnologias:
- Transações, categorias financeiras e balanços
- Typescript, typing
- Componentização, propriedades
- Dropzone e envio de vetor de arquivos
- Axios e requisições, inclusive de arquivos
- Trantamento de arquivos e erros
- Importação, upload de dados para banco de dados
- Mudança de rotas
- Styled-components, cascateamento de componentes e GlobalStyle
- Formatação de moedas e datas com zonas
- Gerência de estado Hooks como useState, useEffect
- Refatoração de código
- Otimização de componentes
- Tabelas e dados
- Testes unitários
.png)
.png)