This is the BootCamp Rocketseat challenge number 07, an application was created in React Native and Typescript using various technologies and concepts such as Cart operations, typing, Componentization, properties, Hooks like useCallBack, useMemo, useEffect, useState, routes, navigation , formatting values, Styled-components, Async Storage, Context API, State Management, Icons with FeatherIcon Axios, Fake API rest, Status Bar and Unit Tests
In this challenge, a GoMarketplace application was created in React with Typescript that lists and adds products to a cart, in addition to increasing / decreasing it. All of this interacting with a FAKE Api Rest.
Among others, the following concepts and technologies were used:
- Cart product operations
- Typescript, typing
- Componentization, properties
- Hooks: useCallBack, useMemo, useEffect, useState,
- directions, navigation
- formatting values
- Styled-components
- Async Storage: get, set, remove
- Context API
- State management
- Icons with FeatherIcon
- Axios and requests with the Fake API rest
- Status Bar
- Unitary tests
Instructions for use:
- Enter the command below to install the project dependencies:
yarn
- There is a dependency in package.json called json-server, there is also a file called server.json that contains the data for a / products route. To run this server, type:
yarn json-server server.json -p 3333
(pt-br)
Nesse desafio foi criado uma aplicação GoMarketplace em React com Typescript que realiza listagem e adição de produtos em um carrinho, além de incrementar/decrementar o mesmo. Tudo isso interagindo com uma FAKE Api Rest.
Entre outras, foram utilizadas os seguintes conceitoros e tecnologias:
- Operações com produtos em carrinho
- Typescript, typing
- Componentização, propriedades
- Hooks: useCallBack, useMemo, useEffect, useState,
- rotas, navegação
- formatação de valores
- Styled-components
- Async Storage: get, set, remove
- Context API
- Gerência de estado
- Icones com FeatherIcon
- Axios e requisições com a Fake API rest
- Status Bar
- Testes unitários
Instruções para uso:
- Digite o comando abaixo para instalar as depencias do projeto:
yarn
- Há no package.json uma dependência chamada json-server, existe também um arquivo chamado server.json que contém os dados para uma rota /products. Para executar esse servidor digite:
yarn json-server server.json -p 3333
.png)
.png)