Skip to content

Translate docs #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Dec 29, 2020
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 81 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

<div align="center">

:wave: Este repositório é mantido por [@giseladifini](https://twitter.com/GiselaDifini) e [@swyx](https://twitter.com/swyx). Estamos muito felizes que você quer experimentar React com Typescript!
:wave: Este repositório é mantido por [@giseladifini](https://twitter.com/GiselaDifini) e [@swyx](https://twitter.com/swyx). Estamos muito felizes que você quer experimentar React com Typescript!
Se você perceber algo de errado ou faltando, por favor abra uma [issue](https://github.com/typescript-cheatsheets/react-pt/issues/new)! :+1:

</div>
Expand All @@ -52,3 +52,83 @@ Se você perceber algo de errado ou faltando, por favor abra uma [issue](https:/
- ⚠️ Esta é uma nova cheatsheet, toda a assistência é bem-vinda.

---

### Tabela de conteúdo da Cheatsheet básica

<details>

<summary><b>Expandir Tabela de Conteúdo</b></summary>

<!--START-SECTION:setup-toc-->

- [Seção 1: Configuração](#seção-1-configuração)
- [Pré-requisitos](#prerequisites)
- [Ferramentas iniciais de React + TypeScript](#react--typescript-starter-kits)
- [Importar React](#import-react)
<!--END-SECTION:setup-toc-->
- [Seção 2: Primeiros Passos](#section-2-getting-started)
- [Componente de Função](#function-components)
- [Hooks](#hooks)
- [useState](#usestate)
- [useReducer](#usereducer)
- [useEffect](#useeffect)
- [useRef](#useref)
- [useImperativeHandle](#useimperativehandle)
- [Hooks Customizados](#custom-hooks)
- [Componentes de Classe](#class-components)
- [Talvez você não precise do `defaultProps`](#you-may-not-need-defaultprops)
- ["Tipando" `defaultProps`](#typing-defaultprops)
- [Consumindo Props de um Componente com defaultProps](#consuming-props-of-a-component-with-defaultprops)
- [Declaração do Problema](#problem-statement)
- [Solução](#solution)
- [Discussões e Conhecimentos Diversos](#misc-discussions-and-knowledge)
- [Tipos ou Interfaces?](#types-or-interfaces)
- [Exemplos básicos do tipo Prop](#basic-prop-types-examples)
- [Exemplos úteis do tipo React Prop](#useful-react-prop-type-examples)
- [getDerivedStateFromProps](#getDerivedStateFromProps)
- [Formulários e Eventos](#forms-and-events)
- [Context](#context)
- [Exemplo Básico](#basic-example)
- [Exemplo Extendido](#extended-example)
- [forwardRef/createRef](#forwardrefcreateref)
- [Portais](#portals)
- [Limites de erros](#error-boundaries)
- [Opção 1: Usando react-error-boundary](#option-1-using-react-error-boundary)
- [Opção 2: Criando um componente "error boundary" personalizado](#options-2-writing-your-custom-error-boundary-component)
- [Concurrent React/React Suspense](#concurrent-reactreact-suspense)
<!--START-SECTION:types-toc-->
- [Manual de resolução de problemas: Tipos](#troubleshooting-handbook-types)
- [Tipos de União e Tipos de Proteção](#union-types-and-type-guarding)
- [Tipos Opcionais](#optional-types)
- [Tipos de Enum](#enum-types)
- [Tipos de Asserção](#type-assertion)
- [Simulando Tipos Nominais](#simulating-nominal-types)
- [Tipos de Interseção](#intersection-types)
- [Tipos de União](#union-types)
- [Sobrecarregando Tipos de Função](#overloading-function-types)
- [Usando Tipos Inferidos](#using-inferred-types)
- [Usando Tipos Parciais](#using-partial-types)
- [Os Tipos de que preciso não foram exportados!](#the-types-i-need-werent-exported)
- [Os Tipos de que preciso não existem!](#the-types-i-need-dont-exist)
- [Exagerando com `any` em tudo](#slapping-any-on-everything)
- [Autogerando tipos](#autogenerate-types)
- [Tipando Hooks Exportados](#typing-exported-hooks)
- [Tipando Componentes Exportados](#typing-exported-components)
<!--END-SECTION:types-toc-->
- [Manual de resolução de problemas: Operadores](#troubleshooting-handbook-operators)
- [Manual de resolução de problemas: Utilitários](#troubleshooting-handbook-utilities)
- [Manual de resolução de problemas: tsconfig.json](#troubleshooting-handbook-tsconfigjson)
- [Manual de resolução de problemas: Erros en tipos oficiais](#troubleshooting-handbook-bugs-in-official-typings)
- [Bases de código de React + TypeScript recomendadas para aprender](#recommended-react--typescript-codebases-to-learn-from)
- [Ferramentas e integração em editores](#editor-tooling-and-integration)
- [Linting](#linting)
- [Outros recursos sobre React + TypeScript](#other-react--typescript-resources)
- [Discussões recomendadas sobre React + TypeScript](#recommended-react--typescript-talks)
- [Hora de realmente aprender TypeScript](#time-to-really-learn-typescript)
- [Aplicação de Exemplo](#example-app)
- [Minha pergunta não foi respondida aqui!](#my-question-isnt-answered-here)
- [Contribuidores](#contributors)

</details>

# Seção 1: Configuração