ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

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

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ส.ค. 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.buymeacoff...
    Source Code:
    github.com/saf...
    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

ความคิดเห็น • 226

  • @dcy4063
    @dcy4063 ปีที่แล้ว +57

    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 ปีที่แล้ว +39

    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 11 หลายเดือนก่อน +10

    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 👌

  • @denysgl3732
    @denysgl3732 ปีที่แล้ว +4

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

  • @dev_adem
    @dev_adem 7 หลายเดือนก่อน +2

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

  • @adolfmathebula
    @adolfmathebula ปีที่แล้ว +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

  • @vageeshanvageesh5583
    @vageeshanvageesh5583 ปีที่แล้ว +8

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

  • @geraldoagohoue3132
    @geraldoagohoue3132 3 หลายเดือนก่อน

    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.

  • @lilNuki
    @lilNuki ปีที่แล้ว +9

    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 TH-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!

  • @valostudent6074
    @valostudent6074 หลายเดือนก่อน

    best tutor ever, been struggling with typescript for 2 years, u made it into a piece of cake

  • @delkitonyi
    @delkitonyi 8 หลายเดือนก่อน +1

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

  • @oziati533
    @oziati533 8 หลายเดือนก่อน

    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.

  • @tomasburian6550
    @tomasburian6550 11 หลายเดือนก่อน +2

    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 :)

  • @jazzinwithj
    @jazzinwithj ปีที่แล้ว +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 🥹🥰🙏

  • @abdikanimohamed436
    @abdikanimohamed436 ปีที่แล้ว +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

  • @mohitcodeswell
    @mohitcodeswell ปีที่แล้ว +2

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

  • @abhishekshrestha2319
    @abhishekshrestha2319 ปีที่แล้ว +1

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

  • @lukasmacku2423
    @lukasmacku2423 10 หลายเดือนก่อน +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 ! :)

  • @Raubritterr222
    @Raubritterr222 2 หลายเดือนก่อน +1

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

  • @IamDarkAngeL1
    @IamDarkAngeL1 ปีที่แล้ว

    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!

  • @user-tv8mx3iy6x
    @user-tv8mx3iy6x ปีที่แล้ว +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.

  • @mohdali-yq8gq
    @mohdali-yq8gq ปีที่แล้ว +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 TH-cam platform and your free videos are much , much ahead of enormous paid videos .
    Good bless you Lamba Dev

  • @blink_hayleyhayley1311
    @blink_hayleyhayley1311 6 หลายเดือนก่อน

    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.

  • @mrinalfouzdar334
    @mrinalfouzdar334 11 หลายเดือนก่อน +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 😊❤

  • @Yorok89
    @Yorok89 8 หลายเดือนก่อน

    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

  • @user-dv5jt6fy3v
    @user-dv5jt6fy3v 4 หลายเดือนก่อน

    Great tutorial! Thank you a lot!

  • @RohitSingh-ml2bz
    @RohitSingh-ml2bz ปีที่แล้ว

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

  • @IT_Pastor
    @IT_Pastor ปีที่แล้ว +1

    Amazing, great explanation. Thank you

  • @juj1988
    @juj1988 ปีที่แล้ว

    Thanks Lama. I followed the video and completed it.

  • @aidasabirova1315
    @aidasabirova1315 9 หลายเดือนก่อน

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

  • @siddiqahamed
    @siddiqahamed ปีที่แล้ว

    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.

  • @kuldeepdawar7496
    @kuldeepdawar7496 6 หลายเดือนก่อน

    I enjoyed this Tutorial. Thank you

  • @3minutesbibletruth
    @3minutesbibletruth ปีที่แล้ว

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

  • @kamala5564
    @kamala5564 7 หลายเดือนก่อน

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

  • @ilyaasomar9173
    @ilyaasomar9173 ปีที่แล้ว

    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

  • @sachinporwal4275
    @sachinporwal4275 ปีที่แล้ว +4

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

  • @ilyaasomar9173
    @ilyaasomar9173 ปีที่แล้ว

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

  • @andreyokhrimenko2271
    @andreyokhrimenko2271 ปีที่แล้ว

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

  • @debjyotinandi9140
    @debjyotinandi9140 ปีที่แล้ว

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

  • @salilthegreat
    @salilthegreat ปีที่แล้ว

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

  • @prasad_yt
    @prasad_yt ปีที่แล้ว

    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.

  • @deanadriannn
    @deanadriannn ปีที่แล้ว

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

  • @scottpetrarca6717
    @scottpetrarca6717 7 หลายเดือนก่อน

    This was awesome, thank you so much

  • @hussamalmaqtari8597
    @hussamalmaqtari8597 ปีที่แล้ว +1

    Thank you so much
    May Allah reward you

  • @gmjitendra
    @gmjitendra 2 หลายเดือนก่อน

    This is an excellent tutorial. I learnt a lot with your excellent explanation. thanks a lot for this knowledge sharing.

  • @tehmooramjad8584
    @tehmooramjad8584 ปีที่แล้ว

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

  • @user-tt4gm2fx1m
    @user-tt4gm2fx1m ปีที่แล้ว

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

  • @vusalnovruzov9192
    @vusalnovruzov9192 9 หลายเดือนก่อน

    Thanks a lot Safak, Tesekkurler.

  • @jokerbanny
    @jokerbanny ปีที่แล้ว

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

  • @agapovko
    @agapovko ปีที่แล้ว +1

    Thank you

  • @olli757
    @olli757 8 หลายเดือนก่อน

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

  • @abelmurua6980
    @abelmurua6980 8 หลายเดือนก่อน

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

  • @adrianedu5472
    @adrianedu5472 10 หลายเดือนก่อน

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

  • @junog5552
    @junog5552 ปีที่แล้ว +1

    This is the most easy to grasp crash course of TS

  • @AI-su3ds
    @AI-su3ds ปีที่แล้ว +1

    Very good explanation. I like it. Thank you

  • @pianowithjules898
    @pianowithjules898 ปีที่แล้ว

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

  • @konidoniravirr6580
    @konidoniravirr6580 ปีที่แล้ว +1

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

  • @md.shahebali38
    @md.shahebali38 ปีที่แล้ว

    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.

  • @SatyamWakchaure
    @SatyamWakchaure ปีที่แล้ว

    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.🤗

  • @ofwoodfalegnameria1107
    @ofwoodfalegnameria1107 ปีที่แล้ว

    what a wonderful teacher. tanks a lot man

  • @dysper971
    @dysper971 ปีที่แล้ว

    Nice video :) thank you

  • @dedediana2276
    @dedediana2276 ปีที่แล้ว +1

    Awesome

  • @bobbyboxer2664
    @bobbyboxer2664 ปีที่แล้ว

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

  • @flyflor599
    @flyflor599 ปีที่แล้ว

    Excellent vlog!

  • @RAMANKUMAR-fc8sf
    @RAMANKUMAR-fc8sf ปีที่แล้ว

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

  • @Aakarsh_Sharma
    @Aakarsh_Sharma ปีที่แล้ว

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

  • @fuzzy-02
    @fuzzy-02 ปีที่แล้ว

    Greatly communicated tutorial.

  • @realhomebusinesstraining1627
    @realhomebusinesstraining1627 ปีที่แล้ว

    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.

  • @user-zz6zs4ev7r
    @user-zz6zs4ev7r 7 หลายเดือนก่อน

    The way he said "Like the video" and the Like button under it

  • @alainroos5383
    @alainroos5383 9 หลายเดือนก่อน

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

  • @cookieman.19
    @cookieman.19 ปีที่แล้ว +2

    this video is excited amazing

  • @Leesdjo
    @Leesdjo ปีที่แล้ว

    Thank you Lama. Your tutorials have always been helpful.

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 ปีที่แล้ว

    Thank you lama dev for this beginner one

  • @aburaihan-py4vi
    @aburaihan-py4vi 8 หลายเดือนก่อน

    Excellent!!!!!!!!!

  • @henrymunoz2035
    @henrymunoz2035 ปีที่แล้ว

    I been looking for this . Thanks❤❤❤

  • @viniciusm.m.7822
    @viniciusm.m.7822 ปีที่แล้ว +1

    🎉🎉🎉🎉 thanks, Lama!!!

  • @costagmc1
    @costagmc1 ปีที่แล้ว

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

  • @codeek0
    @codeek0 4 หลายเดือนก่อน

    Great tutorial

  • @YadhuKrishnanC-mb6zx
    @YadhuKrishnanC-mb6zx 2 หลายเดือนก่อน

    Thanks so much bro

  • @horacioabitu
    @horacioabitu ปีที่แล้ว

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

  • @rchuhk100
    @rchuhk100 ปีที่แล้ว

    Thank you! Love your tutorials!

  • @muhammadmursalin8915
    @muhammadmursalin8915 9 หลายเดือนก่อน

    Excellent explained typescript and its use in react.🥰

  • @Sam-mn4vl
    @Sam-mn4vl ปีที่แล้ว

    Great video! Thank you for this

  • @basis012
    @basis012 ปีที่แล้ว

    As usuall the best in youtube , id like to see ubber clone

  • @O0xOx0O
    @O0xOx0O ปีที่แล้ว

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

  • @chikeziechinonso4671
    @chikeziechinonso4671 ปีที่แล้ว

    Thanks for this

  • @mahmudulhaquequdrati8573
    @mahmudulhaquequdrati8573 ปีที่แล้ว

    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

  • @marrufmamihal3898
    @marrufmamihal3898 ปีที่แล้ว +2

    I’m using this on a React + Typescript editor and getting error when I call PostList in Apps.tsx, anyone facing the same problem?

  • @sensational3771
    @sensational3771 ปีที่แล้ว

    NIce job Lama , next video , we want to see website like web 3

  • @loverphp5605
    @loverphp5605 ปีที่แล้ว

    thanks you for making this nice tutorial ❣❣❣❣

  • @shamiul_islam
    @shamiul_islam ปีที่แล้ว

    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! 😊

  • @simo_code
    @simo_code ปีที่แล้ว

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

  • @CristianAndresAlvarezJaramillo
    @CristianAndresAlvarezJaramillo ปีที่แล้ว

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

  • @adiabajacob9189
    @adiabajacob9189 ปีที่แล้ว +1

    God bless you and give you long life

  • @ehsanrezaee4910
    @ehsanrezaee4910 ปีที่แล้ว +1

    an e-commerce with next js and nextAuth, and mongodb would be great. thanks

  • @prashlovessamosa
    @prashlovessamosa ปีที่แล้ว

    Thank you Lama
    I am very grateful to you.

  • @dushyanthkumar3249
    @dushyanthkumar3249 ปีที่แล้ว

    Thanks!

  • @ogunsinapelumi1505
    @ogunsinapelumi1505 ปีที่แล้ว

    Lama the best tutor on TH-cam 💯

  • @FGA-47
    @FGA-47 ปีที่แล้ว

    Thanks, that was really helpful❤🫡

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 2 หลายเดือนก่อน

    Amazing ❤