Photo by Michael Geiger on Unsplash

How to solve errors as a web developer

Now, this is not the solution but how to actually reach it.

You probably will be looking for a way (for your error) when using 3rd party stuff as we don’t have the understanding, cause, we couldn't care more than the functionality.

Cutting to the chase, this is what you should do-

Photo by Kelly Sikkema on Unsplash

Before the error

  1. Look for stable components(3rd party stuff) when you need it
    - has a good code documentation
    - lots of people are actually using it
    - PRO TIP: briefly go through the issue section(eg: in GITHUB) and choose the one with the least issues
  2. Check the peer dependencies of the plugins(packages) don’t install anything unnecessary
  3. It’s okay to take time when deciding, no one wants to undo the changes just because of a faulty stuff
  4. Wash face with your mouth filled with water, really helps refreshing
  5. It's usually the case when your requirements can’t be met with a specific package, try choosing the most flexible one in that case
    - handles function parameter error
    - has documentation where it states how to achieve custom tasks
    - look for any available examples for above
  6. Just stay calm and don’t get over-excited, (you will know when you’ll look for your packages)
Photo by Nate Grant on Unsplash

_THE_Error_ has occurred

  1. Hope that the documentation was followed correctly.
  2. If you are working with javascript there is a chance that the creator was humble enough to create a typescript as well
    use the typescript to verify if the error was because the docs had a spelling mistake
    (could be something similar for the codebase)
  3. Look for any available stack trace if it exists and try to find the cause (/code) of the error (gives you a vague/basic understanding of what’s happening).
    [This is not always the case, so you can skip this step]
  4. Search for that console error in the issue section inside GITHUB.
    [note: during searching, remove the isOpen filter in the search query]
  5. Try doing a google search and look for solutions in StackOverflow plus including all it’s brothers and sisters as well.
  6. Try searching for the code in any pre-existing GITHUB repo
  7. Look at the docs to check for any alternative strategy
  8. Time to look into point-2 if in case you skipped it
  9. Is it a dependency issue??
  10. There are also errors like 500,502 error, etc
    - random network error (like 502) - “and that’s sad”,
    - CORS- “that’s just a permission issue, try running the browser in safe mode”,
    -
    sometimes the variables don’t update- “time for a hack, HEHE”,
    note: there are many more like these, try looking into common errors faced during development.
  11. You can also look into creating a custom component/module/anything for your case
  12. (look at BEFORE THE ERROR section)
  13. could be a logical issue, do some rethinking

Personal Comment:
“That’s mostly all to it. If I find something important that i missed out, will make sure to add it. Also make sure to keep your fundamentals in check.”

--

--

--

a MERN, Next and Electron developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Realme C35

The Advantages of $CHU Token & How Do You Earn It?

A safe platform to save your file for as long as you wish is only achievable on CRUST NETWORK

Testable Code Writing Essentials

Speaking On How To Build Great Learning Communities — GDG Summit 2018

Coldstack LBP Update: See you on 12th of May!

Creating an Auto Scaling Group Using the Command Line Interface

Playing with Date-Time and Timezone in Code

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ahren Pradhan

Ahren Pradhan

a MERN, Next and Electron developer

More from Medium

Setting up a React.js Application

React application inside Visual Studio Code

You don’t need to pull before rebase to an origin branch.

Difference between Library and framework

laibray and frameworks

How to get started with Git and GitHub? Let’s find out!