Why you SHOULD be using TypeScript with React
Вставка
- Опубліковано 3 сер 2024
- In this video I go over 3 reasons why you should be typescript when creating a react application.
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
TIMESTAMPS
00:00 | Intro
00:46 | TypeSafety
04:31 | Better organization with TypeScript
10:57 | Autocompletion with Typescript
Tags:
- ReactJS Tutorial
- ReactJS and Typescript
- NodeJS Tutorial
- API Tutorial
#reactjs #typescript - Наука та технологія
![ReactJS Course [13] - Typescript | React Type Safety](http://i.ytimg.com/vi/DhmPNpWPNSg/mqdefault.jpg)
![ReactJS Course [13] - Typescript | React Type Safety](/img/tr.png)
Yeah I see Typescript everywhere and it’s very important to learn it
Universe Code, you're important, too. I see you on all the programming channels 😀
@@butterfly7562 Thanks ... I try to keep up to date by looking at what my colleagues are proposing. Pedro is very good
I see you everywhere too hahahaha thank you for the support!
You have the channel that helps me the most BY FAR. Thank you so much for your videos! Congratz!
pedro my backend sensei
I always hated Typescript because I never knew about Interfaces. This was pretty helpful to say the least.
I have that problem, except the first project I took was full of that, so I manage to learn quickly. But I still struggle with Typescript sometimes. Is like struggling with JavaScript, except double the complexity, but half the code 😂😂😂
Valeu Pedro. Sempre venho aprender no seu canal, e vc sempre trás conteúdos realmente importantes pra quem está aprendendo
could you make a project using typescript in backend and frontend? ...it'd be great...thanks for your videos
Yes!
@@PedroTechnologies I'd like to see some Next + Prisma stuff (full stack, sure)
@@Trzimajewski RedwoodJS integrates you mentioned.
Great. I have been struggling with some of this concepts.
Great video Pedro, thanks! I personally can't imagine a project without Typescript, especially if you're working solo 🙌🏼
Thanx for convincing me to start learning Typescript to use with my React apps. I don't like the boilerplate code, but the effort all makes sense to me now.
bro i love your videos i like every single one! keep doing this i know you will be the next web dev simplified
I love WDS videos, that would be awesome lmaoo Thank you!
@@PedroTechnologies You're much more helpful than WDS :-) Better examples, you explain edge cases, multiple possibilities, etc... Much better :-)
:D keep up the good content Pedro, blessing for you!
Yeaaa react typescript tutorial 😍
IMO with the camera the videos just have a different approach, and I loved it, man, keep up the good work
Thank you! I've been saving money to buy this camera and I finally did it :)
Great video as always. And yeah, love the camera setup. Keep making more videos with the facecam.
Thank you!!!
Looking forward to more TypeScript videos as I want to start learning TS.
You convinced me to learn TypeScript deeeply .Thanks a lot Pedro
Appreciate it.
Pretty cool and useful lesson.
Wow Man, you look cool.
Very helpful tutorial Pedro. Want to see more on React + TypeScirpt.
Great effort ;)
Nice work Pedro. I love the teaching you give me. With your face on is nice, this makes you feel connected to your niche, also I think in away it cements concentration of the people watching and following.
Next video has my face on again :)
@@PedroTechnologies yeah sure, am your student and I can confirm that.(your bro from Kenya, come and code one day from here, I will cater for all bills, I learn a lot from you)
Nice vídeo pedrin, salve do Brasil sempre acompanho teus vídeos :))
very well deliveried video
Thank you Pedro
Very good explanation
Can you plz create an series of complete react typescript project including state management and all
I will :)
I learn a lot from you, Thanks
You are super bro... keep it up 💯
Why I SHOULD be using TypeScript with React?
Because Pedro told me so and that's good enough for me
❤️
Great content Brother 🔥🔥
Thanks, you say it out very clear. The code more looks like java, which is messy. After watching this video, I think I'm in!
Great video😊
Thanks! I must learn typescript
You can do it!
Amazing awesome so cool 😎 content 👍♥️
Good stuff.
Thanks for your video
AWESOME tutorial! Obrigado bro!
awesome video
brabo demais 🔥
well, you've convinced me to learn TypeScript. Fits better with the languages I know better than JavaScript.
hey pidro , gang gang you look diffy, sensei
"cuntry" cracked me up 😅
Any change you can make an advanced typescript video. The basics are easy to grasp but. I see syntax like “function all the time and I don’t get the angle brackets at all.
I think that's generic type, I do dart and I think it's similar to typescript type system
There aren't a lot of advanced typescript. I can make a full typescript tutorial for sure, but there aren't a lot to learn if u already know js
@@PedroTechnologies maybe a small project with react-typescript-redux? i know its a weirdly specific request but I was watching one of the react/redux authors do a code along ua-cam.com/video/9zySeP5vH9c/v-deo.html and there are alot of built in types and hooks that i don't quite understand
@@norejudeisa yea you're right!
Nice ty u
can you make video what should you know before getting a first job with no experience thanks
could you make a video on using formik yup for form validation with checkboxes, radio buttons cause there aren't much good videos on it and most of react forms aren't having those fields.
Bro Can you make a video on Middleware with redux js. Keep Up the good Work 😍
i know i’m late to the vid, but i would love if you could make a video on how to use the Stripe API
U can use the ? yourself in react when accessing object and the app will not break if one of the values is null 😊
Yup, and Typescript will remind you to use it when a value can be null
I like typescript but when using some 3rd party npm packages, some aren't typescript ready, causing issues and I can't find a way to bypass it.
This !
I understand your point, and it makes sense for a personal project or anything that won't be used by other people. But you shouldn't be using a 3rd party npm package if they don't support typescript in my opinion
@@PedroTechnologies perhaps this should be in the title
Which color theme are you using? Also, what is the difference between type and interface? Been googling for a while and can't find the answer :(
I think my color theme is electron but im not sure cause im not with my computer rn hahaha Types and interfaces are very similar nowadays since you can describe an object with a type. I generally use types when i want to describe a single variable that cab have two different types, for example: type Age = number | string; Interfaces are better for describing objects!
Nice camera Pedro. Would love to connect with you on Twitter if you don't mind. Great tutorials, I've learned a lot from the tips you share from time to time.
the safety option (?.) exists also in JS 😉
thanks 4 the video
Glad you liked it! Yeah, i meant more that with typescript it will let you know if you need ?. in a possibly null object when in JS it doesn't
does it matter if the file extention is .ts or .tsx ? and thank you for the great video
Nah, it's mainly just a personal preference
.ts => pure typescript.
.tsx => file with JSX
If you use JSX in .ts files TypeScript will yell at you
👍
que canal bom 🤠
You look nice today handsome guy!
I have learned React with Javascript and all it’s functionality with core JS.
Will it be difficult to now switch it to Typescript? And what in general changes in React with TS compared to React with JS
its the same but with types it actually makes you way faster
Please start NEXT.js or Backend
Thanks a lot 🙌
Good afternoon, Please give me your help! S O S
So im starting my pizza restaurant website for my portfolio, with full e-commerce features. The question is this:
The owners admin dashboard, where he receives the food orders and editing , putting or delete products,
and the customer's interface, where he enters and orders food, send order and pay.
8:45 imp pt.
so are you saying never to use pure javascript with reactjs ?!
I do hahaha but only in my videos because it makes sense cause not everyone knows ts. But no matter what i decide to build outside of youtube projects, i will always use typescript!
i am your 647th view 92nd like and 17th comment =)
Why you DON’T NEED typescript: ua-cam.com/video/QVkPCb7MduY/v-deo.html
This video was an april fools joke lmaoo
let me learn typescript
Are you Brazilian?
you look like sennyk4
Typescript fronted , golang backend === 🚨
That's what I use at my job, it works really well!
If you need typescript with React, then you are coding wrong. There are porpTypes and other tools out of the box.
A great video that introduces us to using Typescript with React. Thanks, Pedro
{2022-11-13}
This is not absolutely necessary. I type fast enough and do not need in additional training. Data must be simple. Simple data does not need types. When you start to create monstrous generics, you can throw your code in a trash can away. I mean it.
React means strings, numbers and handlers (with strings and numbers) in parameters. All other more complex things must be incapsulated in your code, and to create types for them just for yourself looks like a "mental disordering" -)
PS When you pass objects, that means a not enough decomposition.
React also means objects and complex data types. How are you going to create an application without guaranteeing that ur handling ur data correctly? I get your point, but I feel like we always think we are able to perfectly write typesafe code when in reality it doesn't matter how long we have been coding for cause we will make mistakes. Using typescript in my opinion is being respectful towards your users and recognizing that not everyone is perfect. I love this debate hahaha thank you for giving ur opinion on this! I plan on making more opinionated videos like this cause it helps us all learn from each other, even if we disagree :)
@@PedroTechnologies I used to use f... Angular for 5 years, then TS/React for 3 years on a big project, and then - 3 years of a pure JS/React on 4 about simultaneous projects. There was no a day I regretted. I breath now. Team sizes are about the same. May be because we don't use redux anymore... =)
TypeScript meio que vai ser o padrão futuramente. Mas eu não vejo, sinceramente, motivo pra isso existir. Primeiro que, eu escolhi estudar uma linguagem não estatica e agora o mercado quer enfiar esta bosta de tipagem em um conceito que, de inicio, era pra ser ''dynamically typed". Mó chato ficar declarando interfaces.
Só complicam a vida no frontend com essas pohas. Sou a favor do exterminio do TypeScript e o PyScript.
Nah... Still not convinced brother 😁
{2023-04-13}
Fuck TypeScript all my homies use Test Driven Development
In my opinion Typescript apps needs to much work. So it sucks
so basicly it deepends on project, i'm honestly thinks that force to use typescript in every project is not the best way to create apps because not every app need to have typescript
It takes a lot of work in the beginning, but when you get good at it you will write everything super fast. The benefit outweighs the cost for sure!
@@PedroTechnologies i understand but for the projects like landing Pages with animation lib typescript is not a necessary tool
@@PedroTechnologies Thanks for your effort and I think you should continue to publish videos like this. I don't like typescript, but maybe I'll change my mind in the near fututre.
شكرا يحب
😘😘😘😘
amazing video
can you make video what should you know before getting a first job with no experience thanks
Yes!