Skip to content

Translate Section 2: Class Components #16

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.

Sign up for GitHub

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

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Translate Section 2: Class Components #16

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
abea1e5
translate class components section
bnrosa Jun 22, 2023
1c092d4
Fix section links
bnrosa Jun 22, 2023
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
Prev Previous commit
Fix section links
  • Loading branch information
@bnrosa
bnrosa committed Jun 22, 2023
commit 1c092d4652ab17e45ed3ef39440c20c606b9157d
14 changes: 8 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,10 @@ Se você perceber algo de errado ou faltando, por favor abra uma [issue](https:/
- [useEffect](#useeffect)
- [useRef](#useref)
- [useImperativeHandle](#useimperativehandle)
- [Hooks Customizados](#custom-hooks)
- [Componentes de Classe](#class-components)
- [Hooks Customizados](#hooks-customizados)
- [Leituras sobre Hooks + TypeScript](#leituras-sobre-hooks--typescript)
- [Exemplos de bibliotecas de Hooks + TypeScript](#exemplos-de-bibliotecas-de-hooks--typescript)
- [Componentes de Classe](#componentes-de-classe)
- [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)
Expand Down Expand Up @@ -557,7 +559,7 @@ function List<ItemType>(props: ListProps<ItemType>) {
}
```

## Custom Hooks
## Hooks Customizados

Se você estiver retornando um array em seu Custom Hook (hooks customizados), você vai querer evitar a inferência de tipo, pois o TypeScript irá inferir um tipo de união (quando, na verdade, você quer tipos diferentes em cada posição do array). Em vez disso, use [const assertions do TypeScript 3.4](https://devblogs.microsoft.com/typescript/announcing-typescript-3-4/#const-assertions):

Expand Down Expand Up @@ -619,14 +621,14 @@ function useTuple() {

Saiba que a equipe do React recomenda que custom hooks que retornam mais de dois valores usem objetos em vez de tuplas.

## Leituras sobre Hooks + TypeScript (em inglês):
## Leituras sobre Hooks + TypeScript:

- https://medium.com/@jrwebdev/react-hooks-in-typescript-88fce7001d0d
- https://fettblog.eu/typescript-react/hooks/#useref

Se você estiver escrevendo uma biblioteca de Hooks, não esqueça que você também deve expor os tipos para os usuários utilizarem.

## Exemploes de bibliotecas React Hooks + TypeScript:
## Exemplos de bibliotecas de Hooks + TypeScript:

- https://github.com/mweststrate/use-st8
- https://github.com/palmerhq/the-platform
Expand All @@ -638,7 +640,7 @@ Se você estiver escrevendo uma biblioteca de Hooks, não esqueça que você tam

<!--START-SECTION:class-components-->

#### Componentes de Classe
## Componentes de Classe

Dentro do TypeScript, `React.Component` é um tipo genérico (também conhecido como `React.Component<PropType, StateType>`), portanto, você pode fornecer os tipos para as props e o state através dos argumentos de tipo `PropType` e `StateType` respectivamente:

Expand Down