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

Ғылым және технология

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

Пікірлер: 215

  • @dcy4063
    @dcy406311 ай бұрын

    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
    @keshavakumar982811 ай бұрын

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

  • @adolfmathebula
    @adolfmathebula10 ай бұрын

    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

  • @me29_hi8
    @me29_hi89 ай бұрын

    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
    @denysgl373211 ай бұрын

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

  • @geraldoagohoue3132
    @geraldoagohoue313225 күн бұрын

    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
    @lilNuki11 ай бұрын

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

  • @prasad_yt
    @prasad_yt11 ай бұрын

    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.

  • @dev_adem
    @dev_adem4 ай бұрын

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

  • @vageeshanvageesh5583
    @vageeshanvageesh558311 ай бұрын

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

  • @jazzinwithj
    @jazzinwithj11 ай бұрын

    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
    @tomasburian65508 ай бұрын

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

  • @delkitonyi
    @delkitonyi6 ай бұрын

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

  • @abhishekshrestha2319
    @abhishekshrestha231910 ай бұрын

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

  • @lukasmacku2423
    @lukasmacku24237 ай бұрын

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

  • @user-tv8mx3iy6x
    @user-tv8mx3iy6x10 ай бұрын

    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.

  • @jokerbanny
    @jokerbanny11 ай бұрын

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

  • @horacioabitu
    @horacioabitu11 ай бұрын

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

  • @RohitSingh-ml2bz
    @RohitSingh-ml2bz11 ай бұрын

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

  • @adrianedu5472
    @adrianedu54727 ай бұрын

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

  • @blink_hayleyhayley1311
    @blink_hayleyhayley13113 ай бұрын

    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.

  • @oziati533
    @oziati5335 ай бұрын

    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.

  • @andreyokhrimenko2271
    @andreyokhrimenko227111 ай бұрын

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

  • @RAMANKUMAR-fc8sf
    @RAMANKUMAR-fc8sf11 ай бұрын

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

  • @debjyotinandi9140
    @debjyotinandi914011 ай бұрын

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

  • @mohdali-yq8gq
    @mohdali-yq8gq11 ай бұрын

    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 KZread platform and your free videos are much , much ahead of enormous paid videos . Good bless you Lamba Dev

  • @IT_Pastor
    @IT_Pastor10 ай бұрын

    Amazing, great explanation. Thank you

  • @firstlastcode
    @firstlastcode10 ай бұрын

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

  • @Leesdjo
    @Leesdjo11 ай бұрын

    Thank you Lama. Your tutorials have always been helpful.

  • @Yorok89
    @Yorok895 ай бұрын

    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

  • @mohitcodeswell
    @mohitcodeswell11 ай бұрын

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

  • @deanadriannn
    @deanadriannn11 ай бұрын

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

  • @costagmc1
    @costagmc19 ай бұрын

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

  • @siddiqahamed
    @siddiqahamed11 ай бұрын

    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.

  • @henrymunoz2035
    @henrymunoz203511 ай бұрын

    I been looking for this . Thanks❤❤❤

  • @CristianAndresAlvarezJaramillo
    @CristianAndresAlvarezJaramillo11 ай бұрын

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

  • @salilthegreat
    @salilthegreat11 ай бұрын

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

  • @rchuhk100
    @rchuhk10011 ай бұрын

    Thank you! Love your tutorials!

  • @user-dv5jt6fy3v
    @user-dv5jt6fy3vАй бұрын

    Great tutorial! Thank you a lot!

  • @abdikanimohamed436
    @abdikanimohamed43611 ай бұрын

    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

  • @kamala5564
    @kamala55645 ай бұрын

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

  • @kuldeepdawar7496
    @kuldeepdawar74963 ай бұрын

    I enjoyed this Tutorial. Thank you

  • @juj1988
    @juj198811 ай бұрын

    Thanks Lama. I followed the video and completed it.

  • @tehmooramjad8584
    @tehmooramjad858411 ай бұрын

    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-tt4gm2fx1m9 ай бұрын

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

  • @ilyaasomar9173
    @ilyaasomar917311 ай бұрын

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

  • @scottpetrarca6717
    @scottpetrarca67175 ай бұрын

    This was awesome, thank you so much

  • @Sam-mn4vl
    @Sam-mn4vl11 ай бұрын

    Great video! Thank you for this

  • @pianowithjules898
    @pianowithjules89811 ай бұрын

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

  • @abelmurua6980
    @abelmurua69805 ай бұрын

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

  • @konidoniravirr6580
    @konidoniravirr658011 ай бұрын

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

  • @IamDarkAngeL1
    @IamDarkAngeL111 ай бұрын

    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!

  • @AI-su3ds
    @AI-su3ds10 ай бұрын

    Very good explanation. I like it. Thank you

  • @simo_64
    @simo_649 ай бұрын

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

  • @alainroos5383
    @alainroos53836 ай бұрын

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

  • @fuzzy-02
    @fuzzy-0211 ай бұрын

    Greatly communicated tutorial.

  • @FGA-47
    @FGA-479 ай бұрын

    Thanks, that was really helpful❤🫡

  • @SatyamWakchaure
    @SatyamWakchaure9 ай бұрын

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

  • @realhomebusinesstraining1627
    @realhomebusinesstraining16279 ай бұрын

    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.

  • @muhammadmursalin8915
    @muhammadmursalin89157 ай бұрын

    Excellent explained typescript and its use in react.🥰

  • @shamiul_islam
    @shamiul_islam9 ай бұрын

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

  • @sachinporwal4275
    @sachinporwal427511 ай бұрын

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

  • @dysper971
    @dysper97111 ай бұрын

    Nice video :) thank you

  • @md.shahebali38
    @md.shahebali3811 ай бұрын

    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.

  • @Aakarsh_Sharma
    @Aakarsh_Sharma11 ай бұрын

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

  • @ofwoodfalegnameria1107
    @ofwoodfalegnameria110711 ай бұрын

    what a wonderful teacher. tanks a lot man

  • @ulugbekatakhanov1431
    @ulugbekatakhanov143111 ай бұрын

    Amazing, thank you.

  • @ilyaasomar9173
    @ilyaasomar917311 ай бұрын

    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

  • @donaldgatan3666
    @donaldgatan36668 ай бұрын

    Thanks for the tutorial 😊

  • @olli757
    @olli7576 ай бұрын

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

  • @moseschris9756
    @moseschris975611 ай бұрын

    Thank you sir for this video, it's awesome

  • @vusalnovruzov9192
    @vusalnovruzov91926 ай бұрын

    Thanks a lot Safak, Tesekkurler.

  • @flyflor599
    @flyflor59911 ай бұрын

    Excellent vlog!

  • @O0xOx0O
    @O0xOx0O11 ай бұрын

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

  • @technoinfoworldwide2329
    @technoinfoworldwide232911 ай бұрын

    Thank you lama dev for this beginner one

  • @mrinalfouzdar334
    @mrinalfouzdar3348 ай бұрын

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

  • @fokspoks
    @fokspoks8 ай бұрын

    awesome tutor, thank you so much

  • @fancyaristocrat7450
    @fancyaristocrat74509 ай бұрын

    Thank you once again

  • @prashlovessamosa
    @prashlovessamosa11 ай бұрын

    Thank you Lama I am very grateful to you.

  • @cookieman.19
    @cookieman.1910 ай бұрын

    this video is excited amazing

  • @aidasabirova1315
    @aidasabirova13156 ай бұрын

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

  • @agapovko
    @agapovko10 ай бұрын

    Thank you

  • @rishiraj2548
    @rishiraj254811 ай бұрын

    Great! Thanks!!

  • @loverphp5605
    @loverphp560511 ай бұрын

    thanks you for making this nice tutorial ❣❣❣❣

  • @mehmetbasargan
    @mehmetbasargan11 ай бұрын

    Thank you, an e-commerce with next.j, next Auth, and mongodb would be great.

  • @junog5552
    @junog555210 ай бұрын

    This is the most easy to grasp crash course of TS

  • @codeek0
    @codeek0Ай бұрын

    Great tutorial

  • @bobbyboxer2664
    @bobbyboxer266411 ай бұрын

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

  • @chikeziechinonso4671
    @chikeziechinonso467111 ай бұрын

    Thanks for this

  • @codezeloss
    @codezeloss8 ай бұрын

    Thank you!

  • @viniciusm.m.7822
    @viniciusm.m.782210 ай бұрын

    🎉🎉🎉🎉 thanks, Lama!!!

  • @kingpamz
    @kingpamz11 ай бұрын

    I was waiting for this ❤

  • @terran-crypt
    @terran-crypt11 ай бұрын

    Thanks you!

  • @tauqeerhusain7521
    @tauqeerhusain752111 ай бұрын

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

  • @mahmudulhaquequdrati8573
    @mahmudulhaquequdrati857311 ай бұрын

    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

  • @dushyanthkumar3249
    @dushyanthkumar324911 ай бұрын

    Thanks!

  • @hussamalmaqtari8597
    @hussamalmaqtari859711 ай бұрын

    Thank you so much May Allah reward you

  • @yashraj6565
    @yashraj656511 ай бұрын

    Amazing sir, need some projects for more understanding.❤️

  • @tanvir4748
    @tanvir474811 ай бұрын

    This is why I love this channel Please put some good project video..

  • @aburaihan-py4vi
    @aburaihan-py4vi6 ай бұрын

    Excellent!!!!!!!!!

Келесі