JavaScript Error Handling and Tracking Tips and Tricks

Рет қаралды 11,611

Күн бұрын

Find better ways to handle and track errors in your JavaScript code!
*SPONSORED BY HIGHLIGHT*
Try Highlight for free - highlight.io/
*DISCORD*
Join the Learn Build Teach Discord Server 💬 - / discord
*STAY IN TOUCH 👋*
Newsletter 🗞 - www.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - / jamesqquick
Check out the Podcast - compressed.fm/
Courses - jamesqquick.com/courses
*QUESTIONS ABOUT MY SETUP*
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. www.jamesqquick.com/uses
*TIMESTAMPS*
00:00 - Intro
01:00 - JavaScript Console Methods (More than just log)
02:50 - Logging in Your Hosting Provider
04:50 - Logtail Addon For Heroku
06:10 - Handling Async Errors in Express.js
09:10 - Highlight.io for Error Tracking and Session Replay
10:30 - Fullstack Error Tracking with Highlight.io
12:10 - Logging in Highlight.io
13:00 - Wrap up

Пікірлер: 20

@codewithguillaume Жыл бұрын

Thanks for this James :)

@waldo-the-developer2376 Жыл бұрын

Love it James, thank you so much. Can you make a video on how to handle your errors in a NextJs project?

@JamesQQuick Жыл бұрын

So glad to hear it! Potentially! For the most part it would be the same idea of making sure to use try/catch and handle that way!

@ChristianKolbow Жыл бұрын

I have now also tested highlight. Highlight is really awesome. Great tool

@JamesQQuick Жыл бұрын

It's really pretty incredible!

@christopheanfry2425 Жыл бұрын

Thank you very useful topic!!!

@JamesQQuick Жыл бұрын

Glad you think so!

@user-qw9cj7tg5d Жыл бұрын

Can you please help me out with setIntervals. when I use interval to run time. when I shift to new tab and leave the tab in which timer is running inactive for a long time. the timer does not move. is there a way to solve this problem

@Aquatic2005 Жыл бұрын

One way to handle async errors in express is to wrap the async function in a handler so you can dry up the code and not have to write a try catch every time. Place it in a separate file, then import it into your routes. module.exports = func => { return (req, res, next) => { func(req, res, next).catch(next); } } app.get("/example", asyncHandler(async (req, res) => {res.send("Example")}))

@JamesQQuick Жыл бұрын

Yep, that's a good option. The downside is you lack specific logging info if you have one generic handler.

@Aquatic2005 Жыл бұрын

@@JamesQQuick thats true, I forgot to add that you can get specific logging info in express by adding in this with the above async handling example. app.use((err, req, res, next) => { console.log(err); next(); }); Depending on what I need I will render a error page while logging the specific issue app.use((err, req, res, next) => { const { statusCode = 500, message = "Someting Went Wrong, Try Again!" } = err; res.status(statusCode).render("error", { message, statusCode }); console.log(err) next(); }); Good point though, I forgot about the rest of this I usually pair with the aforementioned async handler.

@DeineWebschmiede Жыл бұрын

thank you for this video, very informative

@JamesQQuick Жыл бұрын

So glad :)

@redblue8389 Жыл бұрын

Hello James, I saw your video on code academy about vscode. You said that you use mac version of vs code. I have searched alot about this topic but can't seem to find an answer, do you know anyway of how I can use vscode on mac with Windows functionality?

@JamesQQuick Жыл бұрын

What specific windows functionality are you looking for?

@redblue8389 Жыл бұрын

@@JamesQQuick most of my friends use Windows so I need a Windows system for projects, any Window would be great, I have a mac m1 air...