BrenoOPrado

Checklist do react-redux

Instalação

• npm i redux react-redux
• npm i redux-devtools-extension
• npm i react-router-dom@v5

Criar dentro do diretório src:

• diretório redux

BrenoOPrado

Helpers

Render With Router

import React from 'react';
import { Router } from 'react-router-dom';
import { createMemoryHistory } from 'history';
import { render } from '@testing-library/react';

BrenoOPrado

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {

  --green-dark: #036b52;

BrenoOPrado

PropTypes

import PropTypes from 'prop-types';

MyComponent.propTypes = {
  // You can declare that a prop is a specific JS type. By default, these
  // are all optional.
  optionalArray: PropTypes.array,
  optionalBool: PropTypes.bool,

BrenoOPrado

Context API

Criação do contexto

import { createContext } from 'react';

const MyContext = createContext(/*valor se não tiver um provider*/);

export default MyContext;

BrenoOPrado

Docker

Criação

cria um container sem executar

• docker container create
• docker create

cria um container baseado em uma imagem sem executar

BrenoOPrado

SQL

(comandos do linux)

exemplo avançado usando if, where e order em duas tabelas

SELECT IF(GRADES.GRADE>=8, STUDENTS.NAME, NULL),GRADES.GRADE, STUDENTS.MARKS
FROM GRADES, STUDENTS
WHERE STUDENTS.MARKS BETWEEN GRADES.MIN_MARK AND GRADES.MAX_MARK
ORDER BY GRADES.GRADE DESC, STUDENTS.NAME;

BrenoOPrado

Checklist do Node.js e Express com sql

Iniciando

• npm init -y
• criar .gitignore com:

node_modules
.env

BrenoOPrado

CASO USE DOCKER:

• Checar chave ‘environment’ dentro do arquivo .YAML (usado para criar o Docker) se existe o campo JWT_SECRET ou similar onde estará a chave secreta.

---

• criar diretório 'Util' em 'src'
• criar arquivo 'jwt.js' em 'Util'

conteúdo: (função de criação do token)

BrenoOPrado

para treinar typeScript: https://www.typescriptlang.org/pt/play

---

Possiveis tipos:

primitive:

• boolean
• number
• string