Доклад «Снова ошибки»

3 августа 2017, RamblerFront& meetup #2, Москва

В коде начинающих программистов обычно много ошибок. Постепенно мы набираемся опыта, код становится надежнее, покрывается тестами, и нам кажется, что ошибки в нашем коде практически исключены.

Но фронтенд — это неконтролируемая среда и произойти может что угодно. Доклад о том, как начать использовать ошибки в свою пользу.

Видеозапись

https://www.facebook.com/afishamansarda/videos/1655421351148577/

Презентация

http://desigens.com/errors/presentation-keynote.zip

Материалы к докладу про ошибки

• Мониторинг ошибок с помощью Аналитикс

https://developers.google.com/analytics/devguides/collection/analyticsjs/exceptions

• Мониторинг ошибок с помощью Метрики

https://github.com/hcodes/metrika-js-errors

• Sentry и Raven — мониторинг с кучей возможностей

https://docs.sentry.io

• Наследование особых классов от Error

https://learn.javascript.ru/oop-errors https://medium.com/@xjamundx/custom-javascript-errors-in-es6-aa891b173f87

• Работа с исключениями в React

https://medium.com/@blairanderson/react-v16-new-error-handler-example-d62499117bfa

https://medium.com/@blairanderson/handle-react-errors-in-v15-4cedaae757d7

• В двух словах про отключение оптимизаций try/catch

https://stackoverflow.com/questions/19727905/in-javascript-is-it-expensive-to-use-try-catch-blocks-even-if-an-exception-is-n/19728876#19728876

• Подводные камни использования finally

http://eslint.org/docs/rules/no-unsafe-finally

• Как ловить несловленные исключения в Promises

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onunhandledrejection

http://bluebirdjs.com/docs/api/suppressunhandledrejections.html

• Как мониторить минифицированный код в продакшене

https://blog.sentry.io/2015/10/29/debuggable-javascript-with-source-maps.html

• Перебрасывание исключений

https://www.bennadel.com/blog/2831-rethrowing-errors-in-javascript-and-node-js.htm

• Современная спецификация window.onerror

https://html.spec.whatwg.org/multipage/webappapis.html#errorevent

• Объяснение «"Script Error." on line 0»

https://stackoverflow.com/questions/5913978/cryptic-script-error-reported-in-javascript-in-chrome-and-firefox

• Обработка ошибок, глава из книги

https://karmazzin.gitbooks.io/eloquentjavascript_ru/chapters/chapter8.html

• Пакеты для обработки исключений в React https://github.com/commissure/redbox-react

https://github.com/kossnocorp/react-guard

• Продвинутый stacktrace

https://github.com/stacktracejs/stacktrace.js/

• [ВИДЕО] Как в Яндекс.Почте мониторят ошибки фронтенда

https://vimeo.com/97308703

• [ВИДЕО, EN] Какие проблемы нужно решить, когда ошибка уже словлена и записана

https://vimeo.com/97308703

• [ВИДЕО, EN] Про важность мониторинга JS ошибок в продакшене

https://vimeo.com/66458682