cra-template-estartando-devs-react

Ola, Este é um modelo para o Create React App com algumas dependências úteis configuradas. Você pode ler mais sobre custom-templates na Documentação Oficial

Summary

1. Como usar
2. Estrutura de pastas

[IMPORTANTE] - as dependências de desenvolvimento (devDependencies) ainda não são suportadas pelo create-react-app. Portanto, se você deseja ter o ESLint e o Prettier configurados em seu projeto, siga as etapas abaixo:

# instalando devDependencies manualmente
yarn add prettier eslint babel-eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-import-helpers eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks -D

Como usar esse template?

Supondo que seu ambiente de desenvolvimento ja esteja configurado com o NodeJS e creat-react-app cli, abra seu terminal e execute:

npx create-react-app YOUR_PROJECT_NAME --template estartando-devs-react

Isso criará um projeto com as seguintes bibliotecas:

• axios
• react-router-dom
• styled-components
• plop
• yup
• formik
• polished
• react-redux
• redux
• redux-thunk

Estrutura de pastas

Assim ficará o projeto criado com esse template. (apenas a pasta /src)

/src
  /components
    index.js
  /config
    index.js
  /containers
    /Home
      Home.js
      index.js
    index.js
  /services
    api.js
  /shared
    /fonts
      index.js
    /img
      index.js
  /store
    /duks
      user.js
    index.js
  /styles
     Theme.js
     globalStyled.js
  App.js
  index.js
  routes.js