DEV Community

Hidden gems of debugging 💎

Amandeep Singh on July 23, 2019

Anything that cuts some of your arduous task time is good for your productivity. Debugging is one of those strenuous tasks. Developers strive to wr...

Read full post

André • Jul 24 '19

Know another gem 💎 ? -> webgems.io

A site I made for exactly these things, i'd love if you'd send a PR to github.com/webgems/webgems to add this article to the resource list.

Great article!

Amandeep Singh • Jul 24 '19

Thank you André for your comment. I will definitely look into this and will create a PR soon. 😀

Amandeep Singh • Jul 24 '19 • Edited

Thanks 👏 for sharing this beautiful 💎. Given you have an easy eslint rules set up (or don't mind writing /* eslint-disable-next-line*/, debugger statement can really help. I never tried editing source code directly but I think it will be fun. I have purposely created a code snippet (in VS code) which expands to the aforementioned statement with a debugger in next line. 🙂

// VS code user snippet
  "debugger with eslint-disable-next-line": {
    "prefix": "deb",
    "body": ["/* eslint-disable-next-line */", "debugger;"]
  }

Afroze Kabeer Khan. M • Jul 23 '19

Copy & Logpoint 🆒. Can also see for arr.sort and arr.filter

Dinesh Pandiyan • Jul 23 '19 • Edited

This is fantastic. Thanks Aman. XHR breakpoints is an eye-opener. It's also noteworthy mentioning the use case for console.group.

Amandeep Singh • Jul 23 '19

Thank you, Dinesh. Glad to read that it was helpful. :)

Robin C Samuel • Jul 25 '19

This is awesome!! Thanks Aman :)

Amandeep Singh • Jul 25 '19

Thank you, Robin. Glad that you liked it. 🙂

Brad • Jul 23 '19

Awesome article! Learned some new things :D

Amandeep Singh • Jul 23 '19

Thanks, Brad. Happy that this article helped you learn new things. :)

Dani Vijay • Jul 24 '19

This is one of the best posts about debugging. Please do tips and tricks on JS.

Amandeep Singh • Jul 24 '19

Thanks Vijay for your comment. Glad that you liked the post. I've written another article So you think you know JavaScript? mentioning some of the pitfalls. 🙂

alexpaper • Jul 23 '19

Amazing! Lot to learn! Thanks!

Amandeep Singh • Jul 23 '19

Thank you for your comment. Learning little things every day makes you big. :)

Ankur Loriya • Jul 25 '19

Thank you to share here.

Amandeep Singh • Jul 25 '19

Thank you Ankur for reading 🙂

Amandeep Singh • Jul 24 '19

Thank you, Erick for your lovely words and the suggestions. I will explore other browsers too and see if I can grab some good debugging techniques to extend it into a series. Appreciate 😀

Amandeep Singh • Jul 24 '19

This is beautiful. Thanks for sharing. 😍