Why you SHOULD be using TypeScript with React

[@antoniobasilio319]

You have the channel that helps me the most BY FAR. Thank you so much for your videos! Congratz!

[@tegaogheneovo5881]

pedro my backend sensei

[@universecode1101]

Yeah I see Typescript everywhere and it’s very important to learn it

[@butterfly7562]

Universe Code, you're important, too. I see you on all the programming channels 😀

[@universecode1101]

@@butterfly7562 Thanks ... I try to keep up to date by looking at what my colleagues are proposing. Pedro is very good

[@PedroTechnologies]

I see you everywhere too hahahaha thank you for the support!

[@primetime645]

I always hated Typescript because I never knew about Interfaces. This was pretty helpful to say the least.

[@asaventurasderobson]

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 😂😂😂

[@TheZarique]

Valeu Pedro. Sempre venho aprender no seu canal, e vc sempre trás conteúdos realmente importantes pra quem está aprendendo

[@ramasabajo5360]

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.

[@skl949]

bro i love your videos i like every single one! keep doing this i know you will be the next web dev simplified

[@PedroTechnologies]

I love WDS videos, that would be awesome lmaoo Thank you!

[@songokussj4cz]

@@PedroTechnologies You're much more helpful than WDS :-) Better examples, you explain edge cases, multiple possibilities, etc... Much better :-)

[@Trzimajewski]

IMO with the camera the videos just have a different approach, and I loved it, man, keep up the good work

[@PedroTechnologies]

Thank you! I've been saving money to buy this camera and I finally did it :)

[@omarandresramirezrodriguez1640]

could you make a project using typescript in backend and frontend? ...it'd be great...thanks for your videos

[@PedroTechnologies]

Yes!

[@Trzimajewski]

@@PedroTechnologies I'd like to see some Next + Prisma stuff (full stack, sure)

[@yuxianxu806]

@@Trzimajewski RedwoodJS integrates you mentioned.

[@danielkamau8436]

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.

[@PedroTechnologies]

Next video has my face on again :)

[@danielkamau8436]

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

[@asaventurasderobson]

Great. I have been struggling with some of this concepts.

[@k303k]

You convinced me to learn TypeScript deeeply .Thanks a lot Pedro

[@Hacking-NASSA-with-HTML]

Amazing awesome so cool 😎 content 👍♥️

[@tesla1772]

Can you plz create an series of complete react typescript project including state management and all

[@PedroTechnologies]

I will :)

[@nilankoor]

Great video as always. And yeah, love the camera setup. Keep making more videos with the facecam.

[@PedroTechnologies]

Thank you!!!

[@nilankoor]

Looking forward to more TypeScript videos as I want to start learning TS.

[@iUmerFarooq]

Wow Man, you look cool. Very helpful tutorial Pedro. Want to see more on React + TypeScirpt. Great effort ;)

[@gorkavillar8568]

Great video Pedro, thanks! I personally can't imagine a project without Typescript, especially if you're working solo 🙌🏼

[@SkyrimBeast]

Why I SHOULD be using TypeScript with React? Because Pedro told me so and that's good enough for me

[@PedroTechnologies]

❤️

[@faizanahmed9304]

Thank you Pedro

[@elvissam1401]

:D keep up the good content Pedro, blessing for you!

[@dylangonzales]

Why you DON’T NEED typescript: kzbin.info/www/bejne/h4fOgXaYbLKXq7s

[@PedroTechnologies]

This video was an april fools joke lmaoo

[@learnmakeit9315]

Thanks! I must learn typescript

[@PedroTechnologies]

You can do it!

[@hardwired66]

Yeaaa react typescript tutorial 😍

[@pb8655]

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.

[@norejudeisa]

I think that's generic type, I do dart and I think it's similar to typescript type system

[@PedroTechnologies]

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

[@pb8655]

@@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 kzbin.info/www/bejne/b6vchJiGatt7b8U and there are alot of built in types and hooks that i don't quite understand

[@pb8655]

@@norejudeisa yea you're right!

[@randerins]

"cuntry" cracked me up 😅

[@longnhat6405]

very well deliveried video

[@RogerThat902]

Very good explanation

[@AstraSlade]

Nice vídeo pedrin, salve do Brasil sempre acompanho teus vídeos :))

[@mahinchowdhury3995]

Good stuff.

[@TheDorac1]

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.

[@waleedsharif618]

This !

[@PedroTechnologies]

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

[@LoneWolf-ll8kb]

@@PedroTechnologies perhaps this should be in the title

[@eliuddyn]

Great content Brother 🔥🔥

[@bongkotsaelo4239]

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!

[@kevinolive]

well, you've convinced me to learn TypeScript. Fits better with the languages I know better than JavaScript.

[@mabrarhassan]

Appreciate it. Pretty cool and useful lesson.

[@feeltrig8822]

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.

[@tegaogheneovo5881]

hey pidro , gang gang you look diffy, sensei

[@MOHAMED-AMINE-CHEKROUNI]

I learn a lot from you, Thanks

[@vantung2210]

Thanks for your video

[@alasassi960]

can you make video what should you know before getting a first job with no experience thanks

[@PedroTechnologies]

Yes!

[@westernpigeon]

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

[@common_era_being]

You are super bro... keep it up 💯

[@stackoverflowlurker3057]

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

[@PedroTechnologies]

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!

[@shinigamiryuk786]

Great video😊

[@adityaj21]

awesome video

[@orarbel167]

does it matter if the file extention is .ts or .tsx ? and thank you for the great video

[@chirilcugureanu1853]

Nah, it's mainly just a personal preference

[@blackbones425]

.ts => pure typescript. .tsx => file with JSX

[@malamhari_]

If you use JSX in .ts files TypeScript will yell at you

[@mirkosedda3196]

U can use the ? yourself in react when accessing object and the app will not break if one of the values is null 😊

[@NicoRTM]

Yup, and Typescript will remind you to use it when a value can be null

[@johnadepelumi93]

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.

[@thalia.c]

brabo demais 🔥

[@aditithakur1862]

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

[@PanosPitsi]

its the same but with types it actually makes you way faster

[@redaelouahabi731]

the safety option (?.) exists also in JS 😉 thanks 4 the video

[@PedroTechnologies]

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

[@antonyefanov]

amazing video

[@ArisAris-fs1ip]

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.

[@The_Awakened_Hybrid]

AWESOME tutorial! Obrigado bro!

[@ajitshaw1936]

Bro Can you make a video on Middleware with redux js. Keep Up the good Work 😍

[@faisalamin001]

Please start NEXT.js or Backend Thanks a lot 🙌

[@friendlyapk]

You look nice today handsome guy!

[@Pareshbpatel]

A great video that introduces us to using Typescript with React. Thanks, Pedro {2022-11-13}

[@codefingers8957]

i am your 647th view 92nd like and 17th comment =)

[@4444-c4s]

8:45 imp pt.

[@victorvondoom2350]

so are you saying never to use pure javascript with reactjs ?!

[@PedroTechnologies]

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!

[@Randomguy48279xyz]

👍

[@love_hunter_coc]

Nice ty u

[@munashe_dev]

Typescript fronted , golang backend === 🚨

[@PedroTechnologies]

That's what I use at my job, it works really well!

[@markopolo2224]

you look like sennyk4

[@fabianofrank4785]

Are you Brazilian?

[@slingyy]

que canal bom 🤠

[@kabagambedaniel2468]

let me learn typescript

[@BlobBlobkins]

If you need typescript with React, then you are coding wrong. There are porpTypes and other tools out of the box.

[@sc0or]

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.

[@PedroTechnologies]

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

[@sc0or]

@@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... =)

[@AlesaGillespie]

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.

[@КлиментийКараваев-у8з]

Fuck TypeScript all my homies use Test Driven Development

[@Pareshbpatel]

{2023-04-13}

[@alexdefaro]

Nah... Still not convinced brother 😁

[@anselmoribeiro8138]

In my opinion Typescript apps needs to much work. So it sucks

[@Jakub-Putaj]

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

[@PedroTechnologies]

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!

[@Jakub-Putaj]

@@PedroTechnologies i understand but for the projects like landing Pages with animation lib typescript is not a necessary tool

[@anselmoribeiro8138]

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

[@mohamedshames2432]

شكرا يحب

[@MohammedAlziko]

😘😘😘😘

[@alasassi960]

can you make video what should you know before getting a first job with no experience thanks