thompsonmss / boilerplate-reactjs-typescript Goto Github PK

• Descrição
• Instalação
• Severino
• Estrutura
• Test

Este repositório é um boilerplate com uma arquitetura completa para iniciar aplicações do zero. Construído com ReactJS e Typescript. ❤

Esse reposítório é compatível com a biblioteca SEVERINO.

Serverino é uma biblioteca CLI (command-line interface) escrita em NodeJS. Sendo um gerador de código para projetos em ReactJS com Typescript.

Link do repositório Severino

Siga os comandos abaixo para instalar essa aplicação em sua máquina.

# Clonando o repositório da aplicação.
git clone https://github.com/ThompsonMss/boilerplate-reactjs-typescript.git

# Entrando na pasta da aplicação.
cd boilerplate-reactjs-typescript.git

# Comando para instalar os pacotes necessários da aplicação.
npm i

# Comando para rodar a aplicação.
npm run start

# Comando para rodar os testes da aplicação.
npm run test

Projeto consiste na seguinte estrutura:

• src/
  • _layouts
  • components
  • config
  • helpers
  • pages
  • remote
  • routes
    • private
    • public
  • services
  • store
  • styles
  • validate

Contém todos os layouts padrões que serão utilizados em toda a aplicação, encapsulando as páginas (/pages).

  //Layout Auth
  import React from "react";
  import { Container } from "./styles";

  const Auth: React.FC = ({ children }) => {
    return <Container>{children}</Container>;
  };

  export default Auth;

Contém todos os componentes, que serão reutilizados no desenvolvimento da aplicação.

Configurações gerais para o funcionamento da aplicação (plugins e etc).

São funções que fornecem uma solução para um certo problema e que podem ser reutilizadas em toda a aplicação.

Contém as páginas utilizadas na aplicação (Login, cadastro de fornecedor e etc).

São funções responsáveis por realizar as requisições na API do Financeiro Dedicado ou de terceiros.

Contém todas as rotas da aplicação (/login, /cadastrar-fornecedor e etc).

Contém todas as rotas da aplicação que são públicas.

Contém todas as rotas da aplicação que são privadas.

Contém funções que carrega serviços de terceiros (http-client, history browser e etc).

Contém toda a estrutura do redux.

Contém os estilos global da aplicação.

Contém funções que realiza a validação de dados (Formulários e etc).

Em breve.