Skip to content

joaobibiano/react-js-project-structure-lesson

Repository files navigation

Projeto com Estrutura para ReactJS apps

Estrutura de pastas

assets: Serve para armazenar imagens (imagens leves, se forem pesadas sempre prefira hospedar em uma CDN), ícones, etc.

components: Componentes reutilizáveis da aplicação. Componentes que são unidades para sua aplicação, um button, um dropdown, um modal, etc.

hooks: Essa pasta é utilizada para armazenar hooks que são genéricos, têm interação com hooks do React (useState, useEffect) e normalmente reutilizáveis e qualquer projeto, exemplos: useScreenSize, useLocalStorage, useSessionStorage, useUserActive.

pages: As pages são as páginas que usam vários componentes. É essa a página que o usuário vai ver.

services: Aqui ficam as configurações de HTTP clientes, normalmente utilizando axios.

store: Ficam as definições de state managers, context api, zustand, redux.

types: Armazena as tipagens de typescript (types e interfaces) que são comuns em várias áreas do projeto.

utils: Funções utilitárias como formatCurrency, formatPhone, convertTimezone, parsePhone (javascript puro).

A aplicação simula uma loja de carros

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published