Курс NextJS. 13. Обработка ошибок / Handling Errors скачать в хорошем качестве

Курс NextJS. 13. Обработка ошибок / Handling Errors

Курс NextJS. 13. Обработка ошибок / Handling Errors Разбираем, как следует обрабатывать ошибки, используя операторы try/catch JavaScript и API Next.js для работы с нештатными ситуациями в приложении Next.js Источником серьезных ошибок и аварий являются критичные операции. В нашем случае, это CRUD-транзакции в БД. Подобные операции следует заключать в блок try/catch ровно так же, как это принято в классическом JavaScript и многих ЯВУ Сгенерированная блоком try/catch ошибка, при этом, не должна нарушать работу веб-интерфейса приложения: пользователь должен получить внятное пояснение о возникшей нештатной ситуации и рекомендации по дальнейшим действиям Указанный механизм реализован в Next.js двумя способами: 1. С помощью файла error.tsx (для обработки всех ошибок, возникающих на данном сегменте маршрута) 2. С помощью функции notFound() для обработки ошибки 404, возникающей при обращении к несуществующему ресурсу, например, при попытке отредактировать отсутствующую запись в БД Презентацию можно скачать здесь: https://dmpsy.club/references/NextJS/... Ссылка на GitHub: https://github.com/DmitryMakar/nextjs... Поддержать автора: https://www.donationalerts.com/r/dmit... Хронометраж 0:00:00 Введение 0:00:25 Целевая аудитория 0:00:39 План работы 0:02:51 Обработка ошибок в Next.js. Постановка задачи 0:05:07 Добавляем блоки try/catch в серверные действия 0:12:21 Симулируем ошибку при попытке удаления инвойса 0:19:23 Обрабатываем ошибки с помощью файла error.tsx 0:26:28 Обрабатываем ошибку 404 с помощью функции notFound 0:36:41 Домашнее задание 0:38:15 Подведем итоги 0:38:41 Полезные ссылки для дальнейшего чтения 0:39:18 Заключительные замечания Timing 0:00:00 Introduction 0:00:25 Target audience 0:00:39 Agenda 0:02:51 Handling errors in Next.js. Statement of the problem 0:05:07 Adding try/catch to Server Actions 0:12:21 Simulating an invoice deletion error 0:19:23 Handling all errors with error.tsx 0:26:28 Handling 404 errors with the notFound function 0:36:41 Homework 0:38:15 Summary 0:38:41 Further reading 0:39:18 Closing comments Let's look at how to handle errors using JavaScript try/catch operators and the Next.js API to handle abnormal situations in a Next.js application The source of serious errors and crashes are critical operations. In our case, these are CRUD transactions in the database. Such operations should be enclosed in a try/catch block in exactly the same way as in classic JavaScript and many other programming languages The error generated by the try/catch block, however, should not disrupt the operation of the application's web interface: the user should receive a clear explanation of the abnormal situation that has arisen and recommendations for further actions This mechanism is implemented in Next.js in two ways: 1. Using the error.tsx file (to handle all errors that occur on this route segment) 2. Using the notFound() function to handle the 404 error that occurs when accessing a non-existent resource, for example, when trying to edit a missing record in the database The presentation can be downloaded here: https://dmpsy.club/references/NextJS/... GitHub Link: https://github.com/DmitryMakar/nextjs... Donate the author: https://www.donationalerts.com/r/dmit...