Prime ReactJS

Pré-requisitos

• Node >= v8.9.4
• NPM >= v5.6.0
• Yarn >= v1.3.2 or npm install -g yarn

Pré-requisitos para o desenvolvimento

• Editor Config:
  • Atom
  • Sublime text
  • Brackets
  • Visual Studio Code
  • Vim
• ESLint:
  • Atom
  • Sublime text
  • IntelliJ IDEA, RubyMine, WebStorm, PhpStorm, PyCharm
  • Visual Studio Code
  • Vim
• Prettier:
  • Atom
  • Sublime text
  • IntelliJ IDEA, RubyMine, WebStorm, PhpStorm, PyCharm
  • Visual Studio Code
  • Vim
• Stylint:
  • Atom
  • Sublime text
  • IntelliJ IDEA, RubyMine, WebStorm, PhpStorm, PyCharm
  • Visual Studio Code

Instalação

yarn

*Caso não seja possível usar o yarn, o npm run pode ser usado.

Comandos

• yarn start: levanta um servidor de desenvolvimento em http://localhost:8000
• yarn lint: verifica o code style e patterns de react e es6.
• yarn lint:fix: verifica o code style e patterns de react e es6 e corrige coisas simples.
• yarn ci: roda os tests e o lint
• yarn build: gera a pasta dist, que vai para produção

Criar Tag

Exemplo de tag atual: 1.0.0-beta.4

Comando:

yarn release 1.0.0-beta.5

Perguntas e respostas:

- ? Show updated files? `Yes`
- M  package.json

- ? Commit (Release 1.0.0-beta.5)? `Yes`
- ? Tag (1.0.0-beta.5)? `Yes`
- ? Push? `Yes`
- ? Publish "prime-reactjs" to npm? `No`

Deploy

É necessário ter o arquivo de configuração para o deploy, na pasta do seu usuário na sua máquina.

// aws-credential-prime-reactjs.json
{
  "accessKeyId": "",
  "secretAccessKey": ""
}

AWS - Configuração do bucket (S3)

Para os arquivos ficarem disponiveis publicamente com o deploy, deverá ser atualizada a politica do bucket com o código abaixo:

• Acessar no console: Clicar no bucket > Permissions > Bucket Policy
• No código abaixo: alterar nome_do_bucket
• Posteriormente: Só executar o comando de deploy deploy ou deploy:staging

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::nome_do_bucket/*"
    }
  ]
}

Manual

1. Fluxo do GIT
2. Commits
3. Arquitetura
4. Tecnologias
5. Lint
6. Padrões

⬆ voltar para o topo