Converting JSX to TSX in React

JS to TS Guide → dev.to/documatic/converting-j...
Join The Discord! → discord.cosdensolutions.io
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
In this video we will go over how to convert JSX to TSX in React. We are going to take a look at a component that has no types, and we are going to add types to it. This will be a great starting point guide if you are interested in converting your Javascript React project to a Typescript React project. Hope you enjoy an that this is valuable to you!

Пікірлер: 35

  • @safwanmohamed9135
    @safwanmohamed91353 ай бұрын

    I did not ever search about this topic before, but today, I was thinking of converting to tsx, and when I opened youtube, I found it on the top without searching😂

  • @sadique_x_

    @sadique_x_

    3 ай бұрын

    real wai

  • @kaluczadzsi
    @kaluczadzsi3 ай бұрын

    You are the best react instructor sir! You always ships the quality to us. Love from Budapest

  • @jayakumar9976
    @jayakumar99763 ай бұрын

    Nice explanation and straight to the point.

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

    It's kind of beginner+ tutorial, but can save like an hour or so. Well made, thanks!

  • @ayberk272
    @ayberk2723 ай бұрын

    It was a great video especially for people like me who are junior devs planning to start learning typescript. Thank you!

  • @wakandagaming5763
    @wakandagaming57633 ай бұрын

    Oh my gosh this is so good I need more episodes please make them.

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

    Thank you so much. Very helpful for me right now because I'm converting my e-commerce project react app into typescript.

  • @ParkerKhaw
    @ParkerKhaw3 ай бұрын

    Great tutorial! Need second episode! Maybe the topics can be: passing the props/states to another component, etc

  • @ooorayooonyoooo
    @ooorayooonyoooo3 ай бұрын

    One of the most interesting topics i waited for, i really wanted to know what are the main section of a jsx file that is good if to be written with types and what are less important as typescript will auto deduce it. Thanks and keep going 💕.

  • @yutsacarm8021
    @yutsacarm80213 ай бұрын

    woah we really need this kind of rare content

  • @becharaalhosri6471
    @becharaalhosri64713 ай бұрын

    This was great, I hope you can a part 2 where you go into more details about using typescript with react

  • @giahuyha6189
    @giahuyha61893 ай бұрын

    I suggest some videos about handling different kinds of errors in react and ts

  • @myke6972
    @myke69723 ай бұрын

    this is what i need

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

    Your Quality of presentation increasing day by day.

  • @cosdensolutions

    @cosdensolutions

    3 ай бұрын

    Thank you for saying that! I'm really working on it ☺️

  • @crazyyMeee
    @crazyyMeee3 ай бұрын

    please make full tutorial on Zod. And other similar libraries too

  • @davronmaxmudov3972
    @davronmaxmudov39723 ай бұрын

    #IdeasForContent. Can You make tutorials on the following topics please) : GraphQL, Socket io

  • @coreanoquant
    @coreanoquant3 ай бұрын

    Is it normal to define types in the same file? Or do people define all the types separate files and import the props? Great video!

  • @cosdensolutions

    @cosdensolutions

    3 ай бұрын

    Most types are defined in the same file! Only types of shared things are outside

  • @policeislam2846
    @policeislam28463 ай бұрын

    Hello thanx for video first , Second i want to ask you if i learn nodejs in 2024 so i can fined a job with it ?

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

    can you have a video about typescript. thanks

  • @mettle_x
    @mettle_x3 ай бұрын

    5:50 I think, it's not a good idea to explicitly write the return-type of fetch() without proper json-schema validation. Inferring types from something like Zod after validating will ensure better type-safety.

  • @uzairahmed2975
    @uzairahmed29753 ай бұрын

    What is the difference between interface Props and type props??

  • @cosdensolutions

    @cosdensolutions

    3 ай бұрын

    Not much, both can be used!

  • @uzairahmed2975

    @uzairahmed2975

    3 ай бұрын

    @@cosdensolutions ahh I see thanks for response ❤️

  • @cescfabregas0004
    @cescfabregas00043 ай бұрын

    out of sudden i realise you look alike Mauricio Pochetino 😅

  • @NBtheking

    @NBtheking

    3 ай бұрын

    So do i😂

  • @NBtheking

    @NBtheking

    3 ай бұрын

    And Ukraine president 😂

  • @programmingintrouble
    @programmingintrouble3 ай бұрын

    🌅

  • @highland5729
    @highland57293 ай бұрын

    This might be unpopular opinion and personal preference. I understand the purpose of Typescript was created. But I also understand purpose of Javascript was invented. Javascript created to help human to programming easily. Easy to read, universal, simplicity, and versatile. Because we are not a computer. So, it's not human level to make a type checking, make it looks complicated. When we put a variable, we are as a human already know which one a string, number, or boolean without unnecessary things to describe. Let computer does (low levels). It's not Javascript does. And it doesn't mean Typescript comes in to solve those issues. When other thing comes to simplifies an issue (ex: Redux to React-Query), Typescript was the opposite. Typescript just makes programming more complicated. Also makes the syntax looks ugly.

  • @ivalar8891

    @ivalar8891

    3 ай бұрын

    "Javascript created to help human to programming easily" something simple. Good luck to maintain a project with hundreds of different types without types. "When we put a variable, we are as a human already know which one a string, number, or boolean without unnecessary things to describe. " But sometimes you open 20 different files, trying to figure out what properties/types do you have in this complex object with 200 properties instead of simple mouse hover with TS.