Katie Liu

My debugging checklist for web

In no particular order:

  1. Have I put some console.logs in the code to log any potentially problematic variables or lines?
  2. Have I put blockers on the JavaScript file through devtools in order to figure out exactly which line of code is breaking/not working properly?
  3. Have I tried clearing cache and re-starting the app?
  4. If the page is using redux, have I gone through the store in redux section of devtools?
  5. Have I inspected the various HTML elements on the page that the logic interacts with?
  6. Have I browsed the devtools console for any errors or warnings that may be related to the issue?
  7. Have I checked that all modules and dependencies are up to date?
  8. Have I checked that all modules and dependencies have been installed correctly?
  9. Have I pulled the latest updates from master/staging branch?

--

--

There are certain ways to pull data from sites that have blocked GET requests from the front-end without building a backend. You can usually do a simple quick search on the internet and find a variety of sites like corsanywhere and rss2json that can do this for you. Don’t rebuild what’s already built!

--

--