Breno Oliveira do Prado BrenoOPrado

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

Possiveis tipos:

primitive:

boolean
number
string

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)

Checklist do Node.js e Express com sql

Iniciando

npm init -y
criar .gitignore com:

node_modules
.env

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;

Docker

Criação

cria um container sem executar

docker container create
docker create

cria um container baseado em uma imagem sem executar

Context API

Criação do contexto

import { createContext } from 'react';

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

export default MyContext;

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,

Helpers

Render With Router

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

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

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

	:root {

	--green-dark: #036b52;