<div align="center">

<h1>React+TypeScript Cheatsheets em Português</h1>

<a href="https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/issues/81">

<img

height="80"

width="80"

alt="react + ts logo"

src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"

align="left"

/>

</a>

<p>Cheatsheets para desenvolvedores com experiência em React que estão iniciando com TypeScript</p>

[**Web docs**](https://react-typescript-cheatsheet.netlify.app/docs/basic/setup) |

[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |

[**Español**](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet-es) |

[Contribute!](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |

[Ask!](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/issues/new/choose)

</div>

<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!

Se você perceber algo de errado ou faltando, por favor abra uma [issue](https://github.com/typescript-cheatsheets/react-pt/issues/new)! :+1:

</div>

- **Cheatsheet Básico** ([`/README.md`](/README.md#basic-cheatsheet-table-of-contents)) é focado em ajudar desenvolvedores React a começar a usar TS com React **apps**

- Foco nas melhores práticas com exemplos para copiar e colar.

- Explica alguns tipos básicos de uso de TS e configuração ao longo do caminho.

- Responde às perguntas mais frequentes.

- Não cobre a lógica de tipo genérico em detalhes. Em vez disso, preferimos ensinar técnicas de solução de problemas simples para iniciantes.

- O objetivo é se familiarizar com TS sem precisar aprender _muito_ sobre TS.

- **Cheatsheet Avançado** ([`/AVANÇADO.md`](https://react-typescript-cheatsheet.netlify.app/docs/advanced/intro)) ajuda a mostrar e explicar o uso avançado de tipos genéricos para pessoas que escrevem utilitários/funções/props de renderização/componentes de ordem superior (HOCs) reutilizáveis ​​e **bibliotecas** TS+React.

- Possui dicas e truques diversos para usuários profissionais.

- Conselhos para contribuir com DefinitelyTyped.

- O Objetivo é tirar _total vantagem_ sobre o TypeScript.

- **Cheatsheet de migração** ([`/MIGRANDO.md`](https://react-typescript-cheatsheet.netlify.app/docs/migration/intro)) ajuda a reunir conselhos para a migração incremental de grandes bases de código de JS ou Flow, **de pessoas que já fizeram isso**.

- Nós não tentamos convencer as pessoas a mudar, apenas ajudar as pessoas que já decidiram isso.

- ⚠️ Esta é uma nova cheatsheet, toda ajuda é bem-vinda.

- **Cheatsheet de HOCs** ([`/HOC.md`](https://react-typescript-cheatsheet.netlify.app/docs/hoc/intro)) especificamente ensina as pessoas a escrever HOCs com a ajuda de exemplos.

- Familiaridade com [Genéricos](https://www.typescriptlang.org/docs/handbook/generics.html) é necessário.

- ⚠️ Esta é uma nova cheatsheet, toda a assistência é bem-vinda.