AlessandraRomualdo

Django Cheatsheet

Create a virtual environment

python3 -m venv .ven
source .venv/bin/activate

Installing Django

pip install django

AlessandraRomualdo

Docker comandos e instalação

Instalação do Docker no Linux

• 1 Desinstale versões anteriones

sudo apt-get remove docker* containerd runc

• 2 Instalar dependências iniciais

AlessandraRomualdo

Testes com Context no React.

Inportações e renderWithRouterAndContext

import React from 'react';
import { Router } from 'react-router-dom';
import { createMemoryHistory } from 'history';
import { screen, render, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

AlessandraRomualdo

Hooks mais utilizados

Os hooks são uma característica importante do React que permitem que você adicione recursos de estado e ciclo de vida aos seus componentes funcionais. Alguns dos principais hooks utilizados no React incluem:

useState

Permite que você adicione um estado em um componente funcional. É usado para armazenar e manipular valores de estado no componente, que podem ser atualizados e renderizados na interface do usuário.

// EXEMPLO

AlessandraRomualdo

Checklist do Context API

Vamos começar criando nossos arquivos dentro da pasta src:

• Criar uma pasta context;
• Dentro da pasta context vamos criar um arquivo myContext.js;

Dentro do arquivo myContext.js:

• Importar do react o createContext;

AlessandraRomualdo

Testes React

Para instalar as bibliotecas

npm i @testing-library/jest-dom
npm i @testing-library/react
npm i @testing-library/user-event

Importes para os testes.

AlessandraRomualdo

React (instalações e importações)

Para iniciar uma aplicação React.

npx create-react-app nome-da-aplicação

Para utilizar o sistema de rotas no React.

npm install react-router-dom@v5

AlessandraRomualdo

Checklist do Redux

Antes de começar

• pensar como será o formato do seu estado global
• pensar quais actions serão necessárias na sua aplicação

Instalação

• npx create-react-app my-app-redux;
• npm install --save redux react-redux;
• npm install --save @redux-devtools/extension