React Typechecking with PropTypes

Поделиться
HTML-код
  • Опубликовано: 28 окт 2024

Комментарии • 68

  • @venkatiyer1515
    @venkatiyer1515 5 лет назад +3

    You have come a long way, mate. I have seen your older VDOs as well. Your newer ones are much more polished. Precise, to the point. I have shared your series with friends wanting to start FE development & they have liked it a lot. Keep up the good work.
    I'll definitely be your patron on patreon.. kudos..

    • @Techsithtube
      @Techsithtube  5 лет назад

      Thanks venkat for all your support.

  • @roopashree3545
    @roopashree3545 5 лет назад +1

    Best react tutorial. Short videos yet explains everything needed without confusing . Thanks Techsith . Keep up the good work 😇

  • @shivam_0002
    @shivam_0002 5 лет назад +9

    To the Point, Precise Video.
    Thanks, TechSith for such a quality Videos.

    • @killianjayden3949
      @killianjayden3949 3 года назад

      i know I'm kinda off topic but do anybody know a good site to stream newly released movies online ?

    • @walkermelvin9716
      @walkermelvin9716 3 года назад

      @Killian Jayden i watch on FlixZone. Just google for it =)

    • @matiascarmelo8365
      @matiascarmelo8365 3 года назад

      @Killian Jayden i would suggest flixzone. You can find it by googling :)

  • @ivanoTokic
    @ivanoTokic 5 лет назад

    you are a great teacher, clear, concise, good pace.

  • @ravivarma2912
    @ravivarma2912 2 года назад

    Everything is crystal clear ,keep up the good work and keep us inspired 😄😄

  • @musictrader8990
    @musictrader8990 4 года назад

    As always simple and to the point. Thanks techsith

  • @Whyoakdbi
    @Whyoakdbi 4 года назад +1

    I chuckled when you used 'ary' instead of 'arr' for array name variable :D

  • @ilovefoss
    @ilovefoss 5 лет назад +1

    Thanks for this Tutorial , Helped a Lot

  • @jjstantonza
    @jjstantonza 5 лет назад

    Very precise and understandable. Thank you

  • @johnz5359
    @johnz5359 6 лет назад

    What software do you use to screen record and record yourself simultaneously, while also cutting out the background?

  • @balanepalaiyathane9714
    @balanepalaiyathane9714 4 года назад

    You are always the best your presentation speech always an energetic one for all learners

  • @shwethahv1684
    @shwethahv1684 2 года назад

    When I add propType as bool and passing string, I am not getting any warning in console, its running fine. why so ?

  • @kpopbests8643
    @kpopbests8643 6 лет назад +1

    thanks so much for this video and for whole series :D
    just one question, can u tell me one example of its usage in project

  • @roshnikutty4252
    @roshnikutty4252 6 лет назад +1

    Thank you for this tutorial!

  • @millionasseghegn770
    @millionasseghegn770 6 лет назад

    Thank you so much you always make my code live easy.

  • @sheikhabdullah6574
    @sheikhabdullah6574 4 года назад

    I actually clicked this video for isRequired but it was at very end and regret to say not very detailed. Nonetheless a good video. Will you do a detail video about how can we use propTypes under different conditions

  • @abhinav9469
    @abhinav9469 4 года назад

    Thanks a lot for this gem

  • @JayRGabz
    @JayRGabz 5 лет назад

    When are proptypes best used???

  • @vivekjoshi39
    @vivekjoshi39 2 года назад

    what's wrong with creating an interface and doing:
    `const Test = (props: PropsType)` ?

  • @MrAndykofi
    @MrAndykofi 5 лет назад

    Thanks a lot, very informative.

  • @sayantansaha2703
    @sayantansaha2703 4 года назад

    Hey, Can i bring that warning in my production through some try-catch block??

    • @Techsithtube
      @Techsithtube  4 года назад +1

      I would not try to do that, We also use propTypes in our project and the best way to handle is through a review process. Have strict review process. Also if you blocking way of handling this you should use typescript which will block you from even compiling it if you make type errors.

  • @pedrorandomnumbers
    @pedrorandomnumbers 6 лет назад

    Thank you, this helped me!

  • @mohammedyacinebekhechi6528
    @mohammedyacinebekhechi6528 4 года назад

    Thank you so much, very helpful :)

  • @baniyaTrader
    @baniyaTrader 5 лет назад

    what is the significance of using Proptypes...i mean its only giving compile time error though we have defined Test.proptypes...compoment is rendering perfectly..can you please explain

    • @baniyaTrader
      @baniyaTrader 5 лет назад

      its only giving warning

    • @Techsithtube
      @Techsithtube  5 лет назад

      It prevents you from making typed related mistakes. Thats all it does.

    • @baniyaTrader
      @baniyaTrader 5 лет назад

      @@Techsithtube Thanks.

  • @flamingobird8513
    @flamingobird8513 5 лет назад

    Thanks for the video. I have a question. Even after giving children : PropTypes.element, am getting the error,
    index.js:1452 Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `Test`, expected a single ReactElement.

    • @MrVisheshsingh
      @MrVisheshsingh 5 лет назад

      Would you mind posting your code here? That might help us figure out where you may be facing the issue.

    • @nidhimittal8929
      @nidhimittal8929 4 года назад

      Because in the tutorial , he added two elements as children, so need to use arrayOf - I guess. PropTypes.arrayOf(PropTypes.Element)

  • @cband8030
    @cband8030 4 года назад

    Is there a way to check method PropTypes?

  • @ferhadmehdizade4772
    @ferhadmehdizade4772 4 года назад +1

    Perfect!!!

  • @honkskillet
    @honkskillet 6 лет назад

    Nice. Can you do a jss video next?

  • @daniellaerachannel
    @daniellaerachannel 6 лет назад +1

    thanks sir!

  • @amundsenq1835
    @amundsenq1835 6 лет назад

    Do we need to set prop types from store state?

    • @Techsithtube
      @Techsithtube  6 лет назад

      If you use flow or typescript you can check types of the store state. My next video will be on flow.

  • @avanisindhav7195
    @avanisindhav7195 5 лет назад

    is warning generated how to handle it?

  • @bamrahharkanwal
    @bamrahharkanwal 5 лет назад

    Thank you sir for this brilliant React Tutorial. Can you make videos of few projects & make them live?

  • @cyrusbesabella5938
    @cyrusbesabella5938 4 года назад

    Thanks again!!!

  • @susheeluchiha7283
    @susheeluchiha7283 4 года назад

    does he have tutorials for react native ??

  • @aashayamballi
    @aashayamballi 5 лет назад +1

    Thank you :)

  • @yoitslemonboy6988
    @yoitslemonboy6988 4 года назад

    YES. this is good...

  • @gopipippara7890
    @gopipippara7890 5 лет назад

    Thank you buddy

  • @harrybanda
    @harrybanda 6 лет назад

    Good tutorial

  • @ГеоргийРукомин
    @ГеоргийРукомин 5 лет назад

    Thank you.

  • @DarrylHebbes
    @DarrylHebbes 6 лет назад +1

    Brilliant

  • @DGDG0000000
    @DGDG0000000 3 года назад

    good tuto but if you have two values to be the same for your key, it will failed. use an index in your map. is the correct practice to go with.

  • @mounikaaishu
    @mounikaaishu 5 лет назад

    hi ..your videos are very gud to understand reactjs.. i want cross browser compatbility concept..can you please share that video

  • @kadaiapak9661
    @kadaiapak9661 6 лет назад

    if we create a state on the childreen element.. can we pass it to the parent.. how can we do that ?

    • @Techsithtube
      @Techsithtube  6 лет назад

      I would suggest creating the state on the parent. Don't create on children.

  • @syedkashifnaqvi1268
    @syedkashifnaqvi1268 5 лет назад

    i aaprecaite you

  • @Mohan-jx1md
    @Mohan-jx1md 6 лет назад +1

    super

  • @trappedcat3615
    @trappedcat3615 6 лет назад

    Typescript is much less code.

  • @mrchedda
    @mrchedda 4 года назад

    what is the point of PropTypes if everything compiles and runs? useless

    • @Techsithtube
      @Techsithtube  4 года назад

      its helps you avoid regression, it helps other developer to understand the contract of each component. also there might be a case where you code breaks in certain situation.