React Debugging in Vscode - No Browser Needed

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ค. 2024
  • Learn React debugging in Vscode to stay in your editor and avoid jumping there and back to the browser. Vscode has an amazing debugging support to debug any language directly in the editor. We have full access to breakpoints, stack trace, watching variables and much more.
    TIMESTAMPS
    0:00 Introduction
    0:48 Configuring Vscode debugger
    2:28 Working with debugger in Vscode
    6:34 How to use watch
    7:32 Call stack and breakpoints
    8:39 Buttons for debugging
    ► CHECK MY COURSES - monsterlessons-academy.com/co...
    MOST POPULAR COURSES
    ► Javascript interview questions - monsterlessons-academy.com/co...
    ► Typescript interview questions - monsterlessons-academy.com/co...
    ► React interview questions - monsterlessons-academy.com/co...
    ► Angular Interview Questions monsterlessons-academy.com/co...
    ► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
    ► Building real NestJS API - monsterlessons-academy.com/co...
    ► Building real fullstack project - monsterlessons-academy.com/co...
    ► Mastering Git - monsterlessons-academy.com/co...
    ► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
    FOLLOW ME
    ► TWITTER - / monster_lessons
    ► INSTAGRAM - / monsterlessonsacademy
    ► TIKTOK - / monsterlessonsacademy
    REFERENCES
    ► Source code - github.com/monsterlessonsacad...

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

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

    You have the exact same color scheme in vs code and vim. Impressive.

  • @jram-xi5pm
    @jram-xi5pm 3 หลายเดือนก่อน +1

    Excellent video, very educational in just a few minutes, it helped me a lot!

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

    Great topic! Is this also possible for angular?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 หลายเดือนก่อน +4

      Sure, it's just Javascript. Same like debugging in Chrome

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

    Thanks for another helpful video. 👍👍

  • @advance5189
    @advance5189 3 หลายเดือนก่อน +1

    I'm not familiar with React, though I liked this video:)

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 หลายเดือนก่อน +2

      You can use it for any framework or with plain Javascript. It is the same as debugging in Chrome

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

    Do you have a video for the same but for angular?

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

      No because it's just Javascript. Start your project and put debugger