Using React Redux With Typescript - Making a Notes Application

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 101

  • @syedabrarrahman4237
    @syedabrarrahman4237 4 роки тому +15

    As a beginner who has been using react and redux for a few months, this video is a big help for me to get started learning typescript. Thank you very much!

  • @ahmet-furtun
    @ahmet-furtun 4 роки тому

    For those who got a problem using "types.d.ts" with redux and get an error, use "types.ts" and export every interface and type + import them where you use them. You won't get an error on using the selector in 6:54. I am new on typescript also react and I got a couple of errors by using ".d.ts" so I couldn't work ".d.ts" with redux. Also, a great video just subbed for this.

  • @theRockChines
    @theRockChines 3 роки тому

    Man, I think it was much easier to understand a Russian speaking English than a native American.
    Thank you guy!

  • @ulana1189
    @ulana1189 4 роки тому +5

    This is the best and simple explanation of Typescript+React+Redux I even seen. Thank you👍

  • @jesstoselli
    @jesstoselli 4 роки тому +17

    You, Sir, are a genius! You might have just helped me land my first job as a developer!

    • @luizalberto4755
      @luizalberto4755 4 роки тому +1

      Bacana! Você trabalha com qual stack?

    • @jesstoselli
      @jesstoselli 4 роки тому +1

      @@luizalberto4755 React / Vuejs mesmo rs Mas tô em transição de carreiras, na realidade, entrando na área.

    • @luizalberto4755
      @luizalberto4755 4 роки тому

      @@jesstoselli Eu estou na dúvida, quero trabalhar na área porém precisaria abandonar a faculdade de engenharia...

    • @jesstoselli
      @jesstoselli 4 роки тому

      @@luizalberto4755 Não necessariamente, cara. Conheço gente que concluiu outras faculdades, mas seguiu a área. Começa estudando, procura um bootcamp, algo mais introdutório, até pra vc ter uma ideia melhor se curte mesmo, se quer fazer isso como trabalho... Quiser trocar uma ideia, me add no Discord (jesstoselli#2842)!

    • @luizalberto4755
      @luizalberto4755 4 роки тому

      @@jesstoselli Obrigado pela resposta, no momento estou fazendo o Mini-curso de Typescrypt do Willian Justen pois vi muitas pessoas falando que é importante. E sobre o discord, mais tarde eu te add 👍.

  • @dytra_io
    @dytra_io 4 роки тому +1

    this is the simplest video tutorial of redux, thanks man

  • @LittiNg_
    @LittiNg_ 4 роки тому +4

    Thank you so much, this is probaly the most dynamic video that I finded about this content. You Helped me a loot on my work :D

  • @MirkoTorrisi92
    @MirkoTorrisi92 4 роки тому +1

    learned typescript fundamentals in 10 minutes. thx a lot

  • @automobili5796
    @automobili5796 3 роки тому

    This tutorial is very concise and heavy with information

  • @rayaqin
    @rayaqin 3 роки тому +1

    Where should I look for the problem, if the action is getting triggered with the right data, the reducer is getting triggered with the right action and payload, but the const data does not get updated , that I've bound to the result of useSelector? Any tips would be appreciated

  • @EagerEggplant
    @EagerEggplant 2 роки тому

    Short and sweet! Awesome video. Really really helpful. THANK YOU!

  • @HIghtowerSever
    @HIghtowerSever 4 роки тому +4

    Спасибо, дружище! Меня взяли на первую работу, а тут тайпскрипт... Очень помог понять картину.

    • @satansdeer1
      @satansdeer1  4 роки тому +1

      Супер, рад помочь)

  • @grandmaster-yo-yo
    @grandmaster-yo-yo Рік тому

    Thanks bro! It’s great to see Russian guys filming tutorials in Russian, especially when you’re Russian😅❤️

  • @juanobrach
    @juanobrach 4 роки тому

    I loved your passion on explain why and how to do it on the bes way. I know, this is a very simple solution. But it's really good to understand.

  • @КириллМакаров-ц6ц
    @КириллМакаров-ц6ц 3 роки тому

    Спасибо дружище, на старой работе на мобх писал, а на новой будем редакс юзать, по ощущениям конечно много лишней писанины у редакса. Но объяснил здорово

  • @xovan
    @xovan 3 роки тому

    Very nice video. About action creator, you can also give dispatch a type to be sure it dispatch the right function.
    {}{}{}
    const dispatch = useDispatch()
    {}{}{}
    using this with action creator give a nice outcome

  • @javascriptprisoner900
    @javascriptprisoner900 4 роки тому +4

    Hi, Maksim. Could you make a video in which consider using redux-toolkit with TS?

  • @gabrielangel09
    @gabrielangel09 4 роки тому +1

    Awesome video, short and precise! Great work!

  • @leom553
    @leom553 3 роки тому

    Hi! I'm from Brazil and you helped me lot. Thanks!

  • @cuberos7430
    @cuberos7430 2 роки тому

    JUST Im looking Brilliant Explanation Thanks a lot :)

  • @bmejia220
    @bmejia220 3 роки тому

    Great video!! You did a good job explaining each part of the code.

  • @Huggowasright
    @Huggowasright 4 роки тому

    Спасибо что без воды и абсолютно доступно объяснил :) Удачи с каналом!

  • @tiagoagm
    @tiagoagm 4 роки тому

    Thanks for the tutorial. Very well explained.

  • @lucasa8710
    @lucasa8710 4 роки тому

    really helpful and easy to understand thanks

  • @rogervirtuoso9802
    @rogervirtuoso9802 3 роки тому

    That's gold, thanks dude. Awesome!

  • @DDoesT
    @DDoesT 3 роки тому

    What's your reasoning behind using type for Actions and interface for NotesState?

  • @bibblebabl
    @bibblebabl 4 роки тому

    Thanks for video. Which state manager do you use most often? Have you tried to replace redux with a bunch of context and hooks?

    • @satansdeer1
      @satansdeer1  4 роки тому

      Most often it's Mobx or just context with hooks actually. But I like the redux-toolkit approach actually, will make another vid on that

    • @bibblebabl
      @bibblebabl 4 роки тому

      @@satansdeer1 thanks. in my opinion, this is a very interesting question. since the context and hooks repeat the functionality of the redux.

    • @bibblebabl
      @bibblebabl 4 роки тому

      @@satansdeer1 I think it would be interesting to write same project/task with different approaches. for example: same note app without redux, but on context-hooks, and may be other tools. and compare pros and cons

    • @satansdeer1
      @satansdeer1  4 роки тому

      not completely, redux has middlewares and its a game changer. So until you have side effects - its fine. But when you have to send network requests - it's easier to organize with redux

    • @satansdeer1
      @satansdeer1  4 роки тому +2

      yeah, I was thinking about it as well, note app or a cart widget and then test drive a bunch of approaches

  • @juliavyl
    @juliavyl 4 роки тому

    Очень информативно и без лишнего, спасибо!

  • @ragilburhanudinpamungkas9571
    @ragilburhanudinpamungkas9571 2 роки тому

    i still confused how to use react redux with multiple action and different payload. how to catch the payload type/interface in reducer. may be you can help me.
    thank you in advance

  • @tendies
    @tendies 4 роки тому

    Thank you for this explanation

  • @mishagoscreative
    @mishagoscreative Рік тому

    I guess this is out of date now. Because following along I get different outputs and syntax and deprecation warnings. Moving on to a more recent tutorial.

  • @ramonamaurer6550
    @ramonamaurer6550 4 роки тому

    thx for the greate video! Is there a smart solution to extract the selectors to reuse them in other components ?

  • @nilmendes7710
    @nilmendes7710 4 роки тому

    This video helped me a lot!
    Thank you Professor Maksim Ivanov

  • @itony9457
    @itony9457 4 роки тому

    Здравствуйте, может вопрос не по теме, но все же, нужно ли знать TS джуну? Я выучил react + redux, выучил азы TS, но понял что для внедрения TS для больших проектов нужно ещё очень много всего выучить, а мне хотелось бы уже идти работать, так вот, стоит ли дальше учить TS? И если я им владею на начальном уровне, могу ли я писать в резюме TS? Заранее спасибо за ответ

  • @bama2619
    @bama2619 Місяць тому

    3:55 starting Redux

  • @gotcrazy101
    @gotcrazy101 4 роки тому

    Hey Maksim, just out of curiosity, are you using the vim extension for vscode?

  • @tiagoagm
    @tiagoagm 4 роки тому

    What's your opinion between mobx and redux? what is your preference?

  • @a.c.vermillion
    @a.c.vermillion 4 роки тому

    Great video once again! Very informative and easy to understand.
    I have an Angular background, but I watch every single video you make regardless. I am planning to convert to React one day. I know the basics, is there a something you can suggest to focus on when learning it? Maybe to pay more attention to smth. Hooks are still an unkown concept to me as I had a react training prior to their existance.

    • @satansdeer1
      @satansdeer1  4 роки тому +1

      Hey man! I'd suggest to focus on thinking about applications as component trees. Also thinking about the data flow and dependcies, both should ideally be unidirectional. So the data flows only top to bottom, and top level components depend on lower level components. The hooks are actually very nice to work with once you grasp them, i might to a video about converting your class component into a hooks based

  • @om3galul989
    @om3galul989 4 роки тому

    what vscode and terminal theme are you using ?

  • @jeewanthalahiru2435
    @jeewanthalahiru2435 3 роки тому

    you saved my lots of time. thanks

  • @mishagoscreative
    @mishagoscreative Рік тому

    I followed these setup instructions exactly but I am getting App.js instead of App.tsx etc.

  • @dmytromoroz4451
    @dmytromoroz4451 3 роки тому

    Great content! Thanks a lot!

  • @morizkay
    @morizkay 4 роки тому

    Thank you. You are breathtaking.

  • @Ratelchief
    @Ratelchief 4 роки тому

    Hey, Maksim.
    I have not found any guide for nextjs + redux + react, with dynamic routes.
    like product/:id
    and getData based on that param.
    Can you create a guide for that for nextjs?

  • @zathkal4004
    @zathkal4004 3 роки тому

    Simply amazing...thank u sir (:

  • @zdarofMERGAITES
    @zdarofMERGAITES 3 роки тому +1

    Great tutorial! How do you make these cool auto imports just by typing the name of a component? That would make my life so much easier

  • @1st_mz
    @1st_mz 3 роки тому

    Thank you so muchh dude, really!!
    Awesome explaining

  • @Lambdaphile
    @Lambdaphile 4 роки тому

    Which VIM extensions you're using with VSCode? Thanks! @maksimivanov

  • @hendra5604
    @hendra5604 3 роки тому

    I love this type of video with no bullshit blah blah introduction 🤣🤣

  • @mabroorahmad2182
    @mabroorahmad2182 4 роки тому

    You just saved a lot of my time Thanks ❤

  • @carlosaraujo4340
    @carlosaraujo4340 3 роки тому

    Muito obrigado, me ajudou muito 😁

  • @icon33Codes
    @icon33Codes 3 роки тому

    slow down when using Extensions - hard to follow if we don't have them :(

  • @robert-kh2eh
    @robert-kh2eh 4 роки тому

    Im addicted to your videos, thanks for the awesome content, one little question i could not find anywhere.
    Theres any difference using React.useState() or importing like import { useState } from 'react' and using useState() only

  • @Putoelqueleeosealuki
    @Putoelqueleeosealuki 3 роки тому

    Grande duro!!

  • @gersonarp
    @gersonarp Рік тому

    This mode to declare createStore will be deprecated soon, we have to update it!

  • @haiderimam8977
    @haiderimam8977 3 роки тому

    how to use thunk with the redux hooks

  • @atchayaa3897
    @atchayaa3897 Рік тому

    multiple reducer example plz

  • @thiennguyenngoc1922
    @thiennguyenngoc1922 4 роки тому

    Thank you . You save my day

  • @mrECMAScript
    @mrECMAScript 4 роки тому +1

    Спасибо Макс, помог) Подписался)

  • @joaovitorlumertz1081
    @joaovitorlumertz1081 3 роки тому

    Amazing 🤘🏼

  • @sunstrike8943
    @sunstrike8943 4 роки тому +1

    Can I have your theme and Icon ?

  • @djavidalimli6641
    @djavidalimli6641 3 роки тому +1

    Твой английский он великолепен, как ты достиг такого понимания и мастерства?

    • @satansdeer1
      @satansdeer1  3 роки тому +1

      Да, там не так много мастерства как кажется, но вообще просто пользовался языком, много общался

  • @reactjslearning5465
    @reactjslearning5465 4 роки тому

    Please make a video react + redux + saga + typescript ?

    • @satansdeer1
      @satansdeer1  4 роки тому +1

      Hey, I already have a video about redux saga but without typescript

    • @reactjslearning5465
      @reactjslearning5465 4 роки тому

      @@satansdeer1 please make with typescript

  • @caveofmovies8597
    @caveofmovies8597 4 роки тому

    Maybe next video will be about a11ty?

    • @satansdeer1
      @satansdeer1  4 роки тому

      Oh, it is a very big topic, any specific things you'd like to see?

  • @israelsantana9794
    @israelsantana9794 4 роки тому

    Thanks!

  • @ibtisam-dev
    @ibtisam-dev 3 роки тому

    You are amazing

  • @emresozen5965
    @emresozen5965 3 роки тому

    Kardeş File Structure yapın ne gadar da bozukh

  • @tommillerr
    @tommillerr 2 роки тому

    А если у меня не morning)) Спасибо за видео)

  • @arthurcode4225
    @arthurcode4225 4 роки тому

    Что за тема редактора?

  • @tahaseddik6259
    @tahaseddik6259 4 роки тому

    nice but plenty of cut in video

  • @michaelzinoviev1326
    @michaelzinoviev1326 3 роки тому

    Красава!

  • @castiliOR
    @castiliOR 3 роки тому

    великий русский акцент не спрячешь за красивым английским

  • @aleksandrmatyka3118
    @aleksandrmatyka3118 4 роки тому +1

    so fast explanation(

    • @HIghtowerSever
      @HIghtowerSever 4 роки тому

      You could use a slow speed video. Try it!

  • @redcactuslime
    @redcactuslime Рік тому

    no bullshit just coding thanks

  • @peterlive6043
    @peterlive6043 4 роки тому

    why you are using yarn? npx than yarn.

  • @Adam-oq4xq
    @Adam-oq4xq Рік тому

    we all know its actually a to do list

  • @hiteshchoudhary9343
    @hiteshchoudhary9343 3 роки тому

    khud ko padha le