Remix Conf Europe

Remix Conf Europe 2022

- Errors? How to render and log your server and client errorsa - When to return errors vs throwb - Setup logging service like Sentry, LogRocket, and Bugsnag- Forms? How to validate and handle multi-page formsa - Use zod to validate form data in your actionb - Step through multi-page forms without losing data- Stuck? How to patch bugs or missing features in Remix so you can move ona - Use patch-package to quickly fix your Remix installb - Show tool for managing multiple patches and cherry-pick open PRs- Users? How to handle multi-tenant apps with Prismaa - Determine tenant by host or by userb - Multiple database or single database/multiple schemasc - Ensures tenant data always separate from others

How to Solve Real-World Problems with Remix

Michael Carter

React Summit

React Summit 2023

Why does Grafana use React for its frontend? How we leverage React’s features at Grafana What are some pain points we have ran into with using React at Grafana What are lessons learned from adopting React for the past 5+ years?

How Grafana Uses React to Power the World of Observability

Nathan Marrs

JS Nation

JSNation 2023

You know that annoying bug? The one that doesn’t show up locally? And no matter how many times you try to recreate the environment you can’t reproduce it? You’ve gone through the breadcrumbs, read through the stack trace, and are now playing detective to piece together support tickets to make sure it’s real. Join Sentry developer Ryan Albrecht in this talk to learn how developers can use Session Replay - a tool that provides video-like reproductions of user interactions - to identify, reproduce, and resolve errors and performance issues faster (without rolling your head on your keyboard).

Solve 100% Of Your Errors: How to Root Cause Issues Faster With Session Replay

Ryan Albrecht

DevOps.js

DevOps.js Conf 2022

Learn about tools to trace frontend to backend data and increase visibility on errors and performance. We'll go through how to know which teams are responsible for which error, what the impact is, and all the context needed to solve it. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Monitoring Errors and Slowdowns Across JS Applications

Simon Zhong

Node Congress

Node Congress 2022

We've got a JavaScript frontend hitting a Node (Express.js) backend. We'll go through how to know which party is responsible for which error, what the impact is, and all the context needed to solve it. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Monitoring Errors and Slowdowns with a JS Frontend and Node Backend

Chris Stavitsky

Errors happen to every programmer. Devs have different choices: suppress it, notify the user, report to the team, ignore it or write code to handle the error. In this talk, you will learn all the important aspects of the Node.js error system, the types of errors, different ways to deliver an error, and patterns to improve error handling - with examples! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Mastering Error Handling Node.js

Lizz Parody

We’ll go through setting up Sentry step--step to get visibility into our frontend and backend. Once integrated, we will track and triage errors + transactions surfaced Sentry from our services to understand why/where/how errors and slowdowns occurred within our application code. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Tracking errors and slowdowns in Node + JavaScript using Sentry

Neil Manvar

React Advanced

React Advanced Conference 2021

In this lightning talk, you will see:<ul><li>The lack of visibility on React applications</li><li>How to install the Sentry React SDK</li><li>How Sentry can help you identify errors and slowdowns within your React App so you can see faster, solve quicker and continuously learn from your applications</li></ul> <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Track Slowdowns and Crashes in your React apps

Vue.js Live Conference

Vue.js London Live 2021

In this lightning talk, you will see: 1. The lack of visibility on Vue.js applications. 2. How to install the Sentry Vue.js SDK. 3. How you can use Sentry to identify errors and slowdowns within your Vue.js App. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Identify Issues and Prevent Slowdowns in your Vue.JS Apps

Join Sentry’s Evan Purkhiser and David Wang as they walk through Sentry’s 230k LoC Typescript/React codebase. They’ll tell war stories of the good, the bad, and the ugly. Gaze in wonder at their modern usage of Typescript, react hooks, and styled components. Recoil in disgust at their legacy Reflux usage and perplexing Webpack configuration. Step away from the workshop with a working knowledge of techniques to keep a large-scale frontend codebase modern and maintainable. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#error monitoring