TypeScript for React/Next.js Developers | TypeScript Tutorial for Beginners

Поділитися
Вставка
  • Опубліковано 4 чер 2024
  • Learn TypeScript with complete TypeScript couse for beginners. React TypeScript tutorial 2023. TypeScript React props, useState, events, context api and more.
    If it is valuable to you, you can support Lama Dev.
    Join: / @lamadev
    Buy me a coffee: www.buymeacoffee.com/lamadev
    Source Code:
    github.com/safak/typescript-t...
    Join Lama Dev groups
    Facebook: / lamadev
    Instagram: / lamawebdev
    Discord: / discord
    Twitter: / lamawebdev
    0:00 Introduction
    01:04 TypeScript Types
    10:41 TypeScript Functions
    13:44 TypeScript Type Aliases
    17:34 TypeScript Interfaces
    20:06 TypeScript Generics
    25:24 TypeScript React Props
    30:50 TypeScript React Events
    39:23 TypeScript React useState
    43:45 TypeScript React Context API Tutorial
    44:42 TypeScript React Reducer
    48:12 TypeScript React Context & useReducer
    57:25 TypeScript React UseRef
    01:01:06 TypeScript React Generics
    01:02:50 TypeScript Combined Types and Exclude
    01:06:00 Outro
  • Наука та технологія

КОМЕНТАРІ • 217

  • @dcy4063
    @dcy4063 11 місяців тому +49

    I work for a small company that was assigned a huge project, vital for the infrastructure of our country and nobody knew what to do with it in the front end. It was assigned to me and the only way I was able to pull it off was by studying your tutorials. Believe it or not your code, practices and examples now govern a mid sized country's important infrastructure. I suspect there are hundreds of other web apps out there made possible by your tutorials

  • @keshavakumar9828
    @keshavakumar9828 11 місяців тому +36

    I have been following you since last 2 years, you always amaze me how consistent and great quality content you provide for free

  • @me29_hi8
    @me29_hi8 9 місяців тому +8

    I would love a tailwind crash course!! These videos are amazing and they're the only ones I can actually sit down and watch for 3 hours without getting bored. I learn more in this than in a week of school 👌

  • @adolfmathebula
    @adolfmathebula 10 місяців тому +9

    I can't thank you enough for how amazing this tutorial is. You've saved a lot of us from hours of trying to figure out things. Thank you so much

  • @denysgl3732
    @denysgl3732 11 місяців тому +3

    Very compact, yet completely sufficient description of TypeScript to jump into my new project using TS. Many thanks indeed!

  • @prasad_yt
    @prasad_yt 11 місяців тому

    Wow ! Such a crisp tutorial. I liked the way you structured your tutorial - just enough details and to the point. This is really good enough to get anyone started using TS.

  • @lilNuki
    @lilNuki 11 місяців тому +8

    Very interesting and useful tutorials you make. You teach very well and make it easy to understand how things are working.
    I've watched various tutorials about personal webpages, dashboards, portfolios, and blogs, but I haven't come across any tutorial on UA-cam that demonstrates a user management system. It would be really fascinating to learn and create a Firebase project that allows users to update their profiles and assign roles and access to dashboards or web pages.
    Keep up the great work!

  • @vageeshanvageesh5583
    @vageeshanvageesh5583 11 місяців тому +8

    Awaited from you, Thank you lama. Please continue TypeScript series with react and nodejs.😍

  • @dev_adem
    @dev_adem 4 місяці тому +2

    Amazing free typescript video!!!
    I don't do so much comment. I checked the other popular typescript UA-cam channels but this one is completely different. Clear, fair enough examples and so much more.Thank you, Lama Dev!
    Keep going, man!

  • @jazzinwithj
    @jazzinwithj 11 місяців тому +1

    Omg I was literally thinking about it today! Wondering when will lamadev post the typescript video. Thank you so much! We really appreciate your videos 🥹🥰🙏

  • @tomasburian6550
    @tomasburian6550 9 місяців тому +3

    So great you're making this video, because in the professional world, we use TS everywhere and it's an important tool of the trade.
    And the cool thing is that this was really just the beginning, there is so much more and once you start talking about stuff like tuples or enums, that's where the fun begins :)

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

    This is the best and the simplest TypeScript introduction tutorial I've ever found. I've been search so far to lay hands on TypeScript but I hardly understand anything. This video has made everything easy peasy.

  • @delkitonyi
    @delkitonyi 6 місяців тому +1

    After watching this tutorial, I can confidently dive into a Typescript project. Thanks Lama Dev.

  • @abhishekshrestha2319
    @abhishekshrestha2319 10 місяців тому

    Wow i like the way you teach, its so engaging and practical.
    Not too slow, not too fast.

  • @Raubritterr222
    @Raubritterr222 12 годин тому

    Great course! everything you need, in just one hour. Thank you, sir!

  • @horacioabitu
    @horacioabitu 11 місяців тому

    Very good Lama!! as always very clear and consistent, thank you!!💪👍

  • @jokerbanny
    @jokerbanny 11 місяців тому

    I love this you teach about react typescript. It's easy to learn and understand all you show. Thank you alot lama 😊

  • @andreyokhrimenko2271
    @andreyokhrimenko2271 11 місяців тому

    One of the best tutorials to learn TS! Thanks a Lot!

  • @user-tv8mx3iy6x
    @user-tv8mx3iy6x 10 місяців тому +1

    Wow what a wonderful, sometimes while we are working, we often use only that we are most familiar, but this kind of video is great refresher for many things. Thanks so much for such a wonderful typescript content.

  • @oziati533
    @oziati533 6 місяців тому

    If, like me, you’ve been working on several TypeScript projects and still find yourself puzzled, then this video is a must-watch.
    It’s as if all the pieces have finally fallen into place in my mind, and I truly understand TypeScript now.
    The video provides simple yet excellent examples that are incredibly enlightening.

  • @adrianedu5472
    @adrianedu5472 8 місяців тому

    Thank you so much for sharing this! It was just what I needed!

  • @lukasmacku2423
    @lukasmacku2423 7 місяців тому +1

    OMG!!! Lama Dev, thank you so much 😊 I was looking for this tutorial for my whole web dev learning and now finally I founded this video! This is a really good tutorial and I am sharing it! 😎😎😎 Don't stop making these awesome videos ! :)

  • @RohitSingh-ml2bz
    @RohitSingh-ml2bz 11 місяців тому

    lama you are a savior. And your teaching style can't be described in words. Thank you Dear.

  • @RAMANKUMAR-fc8sf
    @RAMANKUMAR-fc8sf 11 місяців тому

    Thanks a lot for sharing clear and transparent concepts.... Great!!!

  • @debjyotinandi9140
    @debjyotinandi9140 11 місяців тому

    was waiting for this one since you mentioned it in the last video. definitely going through the entire thing now

  • @firstlastcode
    @firstlastcode 10 місяців тому

    Every content is straight forward and dedicated. Continue the good works

  • @Leesdjo
    @Leesdjo 11 місяців тому

    Thank you Lama. Your tutorials have always been helpful.

  • @blink_hayleyhayley1311
    @blink_hayleyhayley1311 4 місяці тому

    Thank you for your concise and practical tutorial! I used to be scared of TypeScript, but now I think I can work on some TypeScript projects.

  • @IT_Pastor
    @IT_Pastor 10 місяців тому +1

    Amazing, great explanation. Thank you

  • @Yorok89
    @Yorok89 5 місяців тому

    Thank you so much for this video! Knowledge was presented at reasonable pace, which made it easy to digest, going from simple features to more difficult ones, making me much more comfortable in Typescript

  • @abdikanimohamed436
    @abdikanimohamed436 11 місяців тому +2

    Oh my god am so exited to see that lamadev is all the best. Teacher please make tutorial with ecommerce react/next typescript ecommerce application

  • @henrymunoz2035
    @henrymunoz2035 11 місяців тому

    I been looking for this . Thanks❤❤❤

  • @costagmc1
    @costagmc1 9 місяців тому

    great work. your lessons are very clear and to the point.

  • @rchuhk100
    @rchuhk100 11 місяців тому

    Thank you! Love your tutorials!

  • @ilyaasomar9173
    @ilyaasomar9173 11 місяців тому

    thank you so much i have been waiting since the beginning of the year.

  • @mohdali-yq8gq
    @mohdali-yq8gq 11 місяців тому +6

    You are amazing SIR and deserve many a salutes as you make the complex topic very easy by your unique explanations and Typescript is one of them where it is very necessary to use in our react application. Sir our humble request to you is to post a full fledged e-commerce application in next.js using typescript.
    Thanks a lot for posting such a great videos on the UA-cam platform and your free videos are much , much ahead of enormous paid videos .
    Good bless you Lamba Dev

  • @user-dv5jt6fy3v
    @user-dv5jt6fy3v 2 місяці тому

    Great tutorial! Thank you a lot!

  • @CristianAndresAlvarezJaramillo
    @CristianAndresAlvarezJaramillo 11 місяців тому

    El mejor tutorial de typescript. Un saludo y gracias por tus tutoriales!!

  • @deanadriannn
    @deanadriannn 11 місяців тому

    I'm really looking forward for nextjs with typescript next time, your nextjs project before was great!!

  • @juj1988
    @juj1988 11 місяців тому

    Thanks Lama. I followed the video and completed it.

  • @tehmooramjad8584
    @tehmooramjad8584 11 місяців тому

    I have been following you from some months and you always make quality content for us. Make more videos on ts, Next JS

  • @pianowithjules898
    @pianowithjules898 11 місяців тому

    This is what I have been waiting for . Thanks Lama dev 🙏

  • @salilthegreat
    @salilthegreat 11 місяців тому

    Ws thinking about typescript today, and here you are..thanx buddy😁🙌

  • @kamala5564
    @kamala5564 5 місяців тому

    Thanks for the explanation ! I have learned so much from your video 👍

  • @kuldeepdawar7496
    @kuldeepdawar7496 4 місяці тому

    I enjoyed this Tutorial. Thank you

  • @siddiqahamed
    @siddiqahamed 11 місяців тому

    Thank you for sharing this, I was searching for how to use typescript with react, but not able find a video or course that have explanation.

  • @SatyamWakchaure
    @SatyamWakchaure 9 місяців тому

    Two days ago I decided to switch my project's whole codebase from javascript to typescript, and I was struggling using it but eventually I found this masterpiece as a video which helped me all the way through. I appreciate it very much.🤗

  • @Sam-mn4vl
    @Sam-mn4vl 11 місяців тому

    Great video! Thank you for this

  • @IamDarkAngeL1
    @IamDarkAngeL1 11 місяців тому

    LamaDev you're our trully hero, i swear to god when I get a job I will buy a coffee as much as you want!

  • @mohitcodeswell
    @mohitcodeswell 11 місяців тому +2

    "its that easy guys" and you learned even the hard topics the lama way

  • @scottpetrarca6717
    @scottpetrarca6717 5 місяців тому

    This was awesome, thank you so much

  • @user-tt4gm2fx1m
    @user-tt4gm2fx1m 9 місяців тому

    Just awesome. How easily you teach us. I got full confident about typescript after watching this video. Love u sir...

  • @fuzzy-02
    @fuzzy-02 11 місяців тому

    Greatly communicated tutorial.

  • @abelmurua6980
    @abelmurua6980 5 місяців тому

    Great video man!. TS on Next.js would be awesome

  • @rishiraj2548
    @rishiraj2548 11 місяців тому

    Great! Thanks!!

  • @ulugbekatakhanov1431
    @ulugbekatakhanov1431 11 місяців тому

    Amazing, thank you.

  • @FGA-47
    @FGA-47 10 місяців тому

    Thanks, that was really helpful❤🫡

  • @AI-su3ds
    @AI-su3ds 10 місяців тому +1

    Very good explanation. I like it. Thank you

  • @viniciusm.m.7822
    @viniciusm.m.7822 10 місяців тому +1

    🎉🎉🎉🎉 thanks, Lama!!!

  • @simo_64
    @simo_64 9 місяців тому

    thanks bro , this video come in the right time , and l relly like the way you explained

  • @ofwoodfalegnameria1107
    @ofwoodfalegnameria1107 11 місяців тому

    what a wonderful teacher. tanks a lot man

  • @dysper971
    @dysper971 11 місяців тому

    Nice video :) thank you

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 11 місяців тому

    Thank you lama dev for this beginner one

  • @konidoniravirr6580
    @konidoniravirr6580 11 місяців тому +1

    What a quick start man 🤣... but easy to follow ... thank you...

  • @realhomebusinesstraining1627
    @realhomebusinesstraining1627 9 місяців тому

    Great Video, I finally have a better grasp of TypeScript. My Project Request would be for a Fullstack SaaS Framework. This would be the frame anyone could use for there next SaaS project and could include things like Login/Auth, Profile, Admin Section, Graphs, etc. Again Thanks for your great explanation of typescript.

  • @donaldgatan3666
    @donaldgatan3666 8 місяців тому

    Thanks for the tutorial 😊

  • @prashlovessamosa
    @prashlovessamosa 11 місяців тому

    Thank you Lama
    I am very grateful to you.

  • @vusalnovruzov9192
    @vusalnovruzov9192 6 місяців тому

    Thanks a lot Safak, Tesekkurler.

  • @bobbyboxer2664
    @bobbyboxer2664 11 місяців тому

    It here guys!!! It’s fkn here! 🔥

  • @sachinporwal4275
    @sachinporwal4275 11 місяців тому +4

    Create advance project with functionality that you didn't covered in a previous tutorial with Next js, Typescript and MERN project.

  • @flyflor599
    @flyflor599 11 місяців тому

    Excellent vlog!

  • @mrinalfouzdar334
    @mrinalfouzdar334 8 місяців тому +1

    Please build a web app, using microservice architecture..
    Features:-
    1. Sending sms, email, after order or doing some action
    2. Sending sms email on a certain time period
    3: intreget payment method
    4: create invoice with the help of node and user can view that on Fe
    5: image upload
    Please use tech stack: react, next, typescript ,node, postgresql, AWS
    I will be waiting for your video 😊❤

  • @ilyaasomar9173
    @ilyaasomar9173 11 місяців тому

    hi safak thank you I learned from you more about typescript i woul like to suggest youtube polls with some project we will vote them

  • @dushyanthkumar3249
    @dushyanthkumar3249 11 місяців тому

    Thanks!

  • @kingpamz
    @kingpamz 11 місяців тому

    I was waiting for this ❤

  • @aburaihan-py4vi
    @aburaihan-py4vi 6 місяців тому

    Excellent!!!!!!!!!

  • @muhammadmursalin8915
    @muhammadmursalin8915 7 місяців тому

    Excellent explained typescript and its use in react.🥰

  • @codezeloss
    @codezeloss 8 місяців тому

    Thank you!

  • @agapovko
    @agapovko 11 місяців тому +1

    Thank you

  • @shamiul_islam
    @shamiul_islam 9 місяців тому

    It's awesome man!
    Helped me a lot... Please also make videos on Redux as well.
    Finally, requesting for a video combining these technologies-
    NextJS, TypeScript, Redux, Mongoose, Firebase Authentication.
    Thanks a lot! 😊

  • @olli757
    @olli757 6 місяців тому

    i really like the sounds of the keyboard in this video :)

  • @Aakarsh_Sharma
    @Aakarsh_Sharma 11 місяців тому

    Thank you so much
    Much needed.pease upload few videos on devops AWS

  • @alainroos5383
    @alainroos5383 6 місяців тому

    A great tutorial to start Typescript ! Thank you. For future projects, could you try a React project using Signals ?

  • @terran-crypt
    @terran-crypt 11 місяців тому

    Thanks you!

  • @aidasabirova1315
    @aidasabirova1315 6 місяців тому

    О Лама как же я люблю ваши туториалы

  • @fokspoks
    @fokspoks 8 місяців тому

    awesome tutor, thank you so much

  • @md.shahebali38
    @md.shahebali38 11 місяців тому

    What to say I don't know, Just telling you that we are blessed, you are gifted from our creator as a teacher, Thanks a lot.

  • @chikeziechinonso4671
    @chikeziechinonso4671 11 місяців тому

    Thanks for this

  • @moseschris9756
    @moseschris9756 11 місяців тому

    Thank you sir for this video, it's awesome

  • @cookieman.19
    @cookieman.19 11 місяців тому +2

    this video is excited amazing

  • @fancyaristocrat7450
    @fancyaristocrat7450 10 місяців тому

    Thank you once again

  • @kashmirtechtv2948
    @kashmirtechtv2948 11 місяців тому

    Lama always comes with something great

  • @hussamalmaqtari8597
    @hussamalmaqtari8597 11 місяців тому +1

    Thank you so much
    May Allah reward you

  • @codeek0
    @codeek0 2 місяці тому

    Great tutorial

  • @O0xOx0O
    @O0xOx0O 11 місяців тому

    Looking forward to a ReactJs/NextJs Project with Typescript, ESLint and Prettier. Much Love ❤❤ ❤

  • @loverphp5605
    @loverphp5605 11 місяців тому

    thanks you for making this nice tutorial ❣❣❣❣

  • @dedediana2276
    @dedediana2276 11 місяців тому +1

    Awesome

  • @mahmudulhaquequdrati8573
    @mahmudulhaquequdrati8573 11 місяців тому

    you know what i always wait for you to upload a new video. trust me we love you. It would be better if there is any seris with typescript nextjs prisma and postgress.. because i think these are now going to be popular. Thanks

  • @manishrajput2596
    @manishrajput2596 11 місяців тому

    Thanks

  • @tauqeerhusain7521
    @tauqeerhusain7521 11 місяців тому

    Sir big love for you ❤❤❤ and thanks for typescript course i am waiting for this❤