TypeScript com ReactJS, Redux e Redux Saga | Diego Fernandes

Adicionar tipagem em nossos componentes? Por que? Nesse vídeo vamos entender a lógica por trás de adicionar o TypeScript em uma aplicação ReactJS utilizando Redux e Redux Saga.

-----

Acompanhe a Rocketseat nas redes sociais:

[krystiangraupner]

Curso muito bom Diego, parabéns, eu não achei em nenhum lugar as libs que você adicionou no inicio do curso, então resolvi colocar aqui nos comentários para o pessoal que for fazer o curso não precisar digitar tudo.

Libs:


eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-config-prettier eslint-plugin-prettier prettier @typescript-eslint/parser -D

[chapzin]

Parabens Diego, poderia colocar no curso do bootcamp um crud completo em typescript, backend, frontend (reactjs), mobile(react native)

[edymbhify]

Fala com muita fluidez, lógico e objetivo! Parabéns!

[eduwric]

Pra não precisar criar uma interface ApplicationState e ter que adicionar um item novo toda vez que for criado um novo reducer, tem como criar um tipo da seguinte maneira:
type ApplicationState = ReturnType<typeof rootReducer>

[gualtersantos]

Obrigado Diedo, esta aula me ajudou muito, talvez eu já esteja bem atrasado, conhecendo para que serve e como funciona o Redux e Redux-Saga só agora... Mas foi bom ter assistido mais esta aula, com um pouco de prática agente chega lá kkkk

[LeonardoLuzx]

Na documentação oficial de hoje não mostra como importar os tipos padrões do Dispatch e Action, aprendi isso nesse video agora.

[TiagoDiass]

O código mostrado no video não está mais funcionando, o typescript reclama que o yield tem um tipo any implícito no saga que carrega os repos. Pra conseguir fazer funcionar tive que apagar minha node_modules, copiar o package.json e o tsconfig.json do repositório da rocket(que tá com o link na descrição) e ai rodar o yarn install denovo, a versão mais nova do typescript que está vindo no create-react-app está dando problema nesse yield...

[bkunace]

Como fica no Reactnative? Alguma modificação ou segue o mesmo padrão?

[LucasdeAlmeidaMarciano]

Como configuro esse autocompletar no terminal ?

[carlobatera]

Poxa Diego, que vídeo sensacional. Deu pra aprender bastante e o conteúdo foi bem avançado ai. Bora colocar um módulo lá no Bootcamp usando o TypeScript.

[tiagoantonio]

Esse vídeo só me mostrou que eu tenho uma grande estrada pela frente, to vindo do javascript (e nem sou nível expert em js).

[andrejunqueira]

Parabénsss Diego muito top o conteúdo. Seria legal fazer um video sobre o Flow !

[axsilvasousa]

Massa! Tem algum video usando o adonisJS com typescript?

[douglasdennys]

Diego tem como eu implementar por exemplo o reduxsauce com typescript?

[ERosostolato]

Amigo, uma sugestão de vídeo é vc explicar sobre o negócio por trás de usar redux, states e tal. Eu tenho experiência em angular e não uso um store, quando preciso de um dado externo eu apenas chamo o http na hora, então tenho muito problema pra entender esse pacote react e redux... Aliás parabéns pelo vídeo

[YuriEdmundo]

Considerando um módulo de Auth que tem Login, Register e ForgotPassword, nessa estrutura você criaria uma pasta pra cada item desses? /ducks/login- /ducks/forgot - ducks/register ? Ou você faria um bolo jogando tudo dentro de /ducks/auth ?

[doutorsamuel]

Muito bom o conteúdo Diego. Que tal fazer um vídeo ou um post no blog para usar tudo isso que vc mostrou com typescript incluindo o redux sauce

[FagnerGomesPlus]

Muito bom... Só me perdi no sagas, mas vou dar uma estudada maior!

[rafaelcarvalho]

Fala fera. Eu consigo usar o redux saga no react native.

[marcosradix]

Cara é muito legal sabe, eu comecei programar front com jsf depois reactjs e depois angular, prefiro angular, já tentei várias vezes entender essa parte de estado que redux usa e não entra na minha cabeça, é muito arrodeio, queria muito aprender react acho ele mais performático que angular, mas sempre esbarro na mesma coisa, state🤯