Setup VSCode like a senior React developer

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ต.ค. 2024

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

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

    Hope you enjoyed the video! I also have a really cool and unique course that will teach you way more than this video. You'll learn how to build an actual complex project with React. It's called "Project React" and you can find it at cosden.solutions/project-react. Also, I have a free weekly newsletter called "Import React" with tutorials, news, and cool stuff about React! You can sign up at cosden.solutions/newsletter?s=ytc

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

    Thanks for the video, I have quite a few extensions already, but now adding 2 more to the list. Pretty Typescript and Template string. Thanks for these.

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

    multiple cursor case preserver is a really nice addition. thank you 👍

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

    Thank you so much for the snippet file, its a game changer. I have been coding in vsCode for the past 4 years and had no clue that you can define your own custom snippets.

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

    the extensions part was a life saver, thank you so much

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

    Snippets and Extensions was new for me. Thank you !

  • @saqibmuhammad7218
    @saqibmuhammad7218 ปีที่แล้ว +3

    The way of your teaching inspires alot🥰 i watch your video to make me more motivated to learn new things 😍

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

    You can make your snippet component even better by setting to get the name of the new file you're created. Multiple cursor + template string are life changers! This comes to my mind today but, I forgot to search for it after work... 🤘🏻

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

    Great insight !! this will actually improve developer productivity

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

    Nice, unique and usefull extensions

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

    Just one word Splendid!!

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

    you should show your keybindings and you setup for vscode vim, that is actually the more important

  • @RAQS90
    @RAQS90 ปีที่แล้ว +3

    9:26 I believe the "Template String Converter" behavior is now built into the VS Code.

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

      oh really? that would make sense, thanks for the tip!

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

      Where to find the setting, I can't find it and it does not automatically do it on my VS code by default.

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

      Really. can you let us know how to set this up, because mine doesn't do it. I do have an extension that "toggles" the quotes between the 3 different types, but the template string converter is much better since that is why I'm toggling.

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

    Can you do a video about running multiple projects in VSCode? I have really struggled to get both my UI layer (React app) and API (C# .net core app) to run from vscode but both work in Visual Studio. Of course, vscode is wayyyy better for React development and i miss things like prettier, shortcuts/snippets and various other bits

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

    great extensions, thanks!

  • @ПетроБойко-ц3б
    @ПетроБойко-ц3б ปีที่แล้ว

    Great tips. Thank you.

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

    Excelent video!

  • @mehmoodulhassan4042
    @mehmoodulhassan4042 19 วันที่ผ่านมา

    Anyone plz guide me, on VS code, I am unable to get autocompletion for the attributes of html tags like onClick, className, and so on

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

    how to make vscode cursor when selected a text like in the video

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

    kwool stuff as always😄

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

    template string converter! that is so dope.

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

    thannks this is really helpful ;)

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

    HI loved the video, could you share the text file for custom snippets,
    Thanks

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

    Thank you so muchhhhhhhh !!!!

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

    Thanks for sharing.

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

    Awesome 💯

  • @naimgomezcano4187
    @naimgomezcano4187 22 วันที่ผ่านมา

    What about the debbuger?

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

    Lovee it

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

    one thinkg i am not able to do is, the color highlighting fo the hook, how is that the setter function on the use state hook gets different color

    • @cosdensolutions
      @cosdensolutions  11 หลายเดือนก่อน +1

      It's when vscode knows it's a function! It depends on the theme and you need to use typescript I believe

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

    // It came with ` ` avoiding to write it
    "Console Log": {
    "prefix": "cl",
    "body": [
    "console.log(`$1`);"
    ]
    },

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

    hey can you share your settings.json file so I can replicate my workbench

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

    Bravo!

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

    Better version of useState that uppercase the variable name :
    "React useState": {
    "prefix": "us",
    "body": [
    "const [$1, set${1/(.*)/${1:/capitalize}/}] = useState($2);"
    ]
    }

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

    I suppose you have the business version of copilot since you can chat with the ai?

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

      I think so? I have the normal subscription but I did get access to it a while back

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

    theme?

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

    Hi, how to enable the snippets?

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

    is the snippets file something you wouldn't mind sharing?

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

      sure, check description!

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

      thanks!@@cosdensolutions

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

    VSCode or Webstorm is a good Choice for beginners, but not for senior developer in my opinion, vim with tmux is for me the best choice.

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

    I use the snippets too, but I don't like the way snippets are created.

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

    In Poland we say more tools than talent. Extensions and theme will not mąkę you code like senior dev 😅

  • @webixr
    @webixr ปีที่แล้ว +46

    I know that the topic has nothing to do with the video, but for humanity. Recently, Israel bombed a house in southern Gaza, killing at least 10 people - 7 of them children. So far, the number of killers in Gaza has exceeded 3,500 dead, most of whom are children and women. I hope that To have a voice in this for humanity

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

      While hamas killed raped tortured hundreds of civilians including babies. Raped babies - just to be clear. Also they tried to shoot a rocket at Israel and it fell near a hospital in Gaza. Israel has the right to defend itself 🇮🇱🇮🇱🇮🇱.

    • @7days280
      @7days280 ปีที่แล้ว

      What about Hamas releasing 5k rockets in israel?
      Not taking sides but It's a war now. Both sides will take damage

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

      Not here bro pls. I know it's bad out there but we barely know anything about the history to even have an opinion.

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

      Thank you for your response. I know that the place is not appropriate, and this is what I mentioned at the beginning of the letter, but it is necessary to clarify the ugliness of what Israel is committing, and the media is basically for the Jews, so it misleads information, and as for history, your lack of knowledge of it, my brother, does not change it. it's clear. 5 minutes of your time searching and you will discover the truth hidden from us. I hope you will research and spread awareness among those around you. Thank you😊

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

      ​@@sambegstha3516same here. As far I know, the history of the conflict dates back to events around 1000 years back. So discuss it in forums dedicated to the conflict

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

    I just came here to say that I use neovim😂

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

    senior React developer are only use vim 🗿

  • @onta.nicolae
    @onta.nicolae 11 หลายเดือนก่อน

    what vim extension do you use? and how did you configure it? im having some issues with them and it seems like its not very practical for react

    • @cosdensolutions
      @cosdensolutions  11 หลายเดือนก่อน +1

      I just use the vim extension from vscode, no other configurations just the default! I only use it for navigation and a few specific keys

    • @onta.nicolae
      @onta.nicolae 11 หลายเดือนก่อน

      @@cosdensolutions thank you