Remix Conf Schedule

**Workshops require a separate ticket that does not include conference sessions

It looks like you've put a lot of work into that Web app you've got there. It would be a shame if something were to ... happen to it 🐛😱

As hard as we try, eventually, we'll make a mistake and ship something we did not intend to. In this workshop, we'll go through real-world examples and exercises of testing so we can get the confidence we need to ship rapidly and with confidence. We'll cover the following:

1. Unit testing lower level functions

2. Testing our app End-to-End

3. Using a test database

4. Writing authenticated tests

5. Using Testing Library queries to navigate the app

As the creator of testing-library.com (the de-facto standard library for testing web applications) and TestingJavaScript.com, Kent C. Dodds is the experienced instructor you need to learn the best patterns and practices for testing your web applications to increase your productivity and help your team achieve your business objectives. Bring the whole team along!

**Workshops require a separate ticket that does not include conference sessions

I've been running a side business on an old-React/Flux/React Router 3.0 frontend with a Rails backend. Despite being conceptually simple, the frontend was nearly unmaintainable. In this talk we'll explore how React Router data loaders really turned things around for this creaky old site.

In this talk we'll explore how Remix and a headless CMS enabled me to build a client app in two weeks, and how the same approach can help you deliver faster for your clients or team as well. I'll show how you can cut your development time, empower content editors to manage content without additional coding, and create a dynamic frontend in parallel.

When their inventor, Lou Montulli, came up with the concept for cookies, he couldn’t have known the impact these little packets of data would have on the internet as we know it. Join me in this exciting journey as we uncover the humble beginnings of the HTTP cookie, its maligned use by advertisers, yet evolution into a still quite versatile tool for web developers today. The cookie was unfashionable for a span with Single Page Applications, but with Remix, we can once again easily harness the power of cookies in a secure way.

In this talk, we'll dive deep into the world of cookies and explore the variety of ways they can be used in Remix to enhance the user experience and simplify the development process. Whether you're a seasoned developer who remembers the good ol’ days or just starting out, you'll leave with a better understanding of the powerful role cookies play in developing modern web sites with Remix.

Edge computing is increasingly being adopted by web developers these days to improve UX and decrease latency of their applications. Cloudflare Workers, Deno Deploy, Netlify Edge Functions, and Vercel Edge Functions, all have made edge computing available to developers of full stack applications. With this adoption new architectural patterns and anti-patterns for building web applications have emerged. In this talk we’ll cover how developers can utilize edge computing to build full-stack applications and what are the strengths and weaknesses of this approach. We’ll also look into the future — beyond the edge, and explore how thinking of the network as the computer will fundamentally change the architecture of web applications in order to make building planet-scale applications accessible to everyone.

I will discuss some of the things we've built at LinkedIn with Remix, why we chose it over other alternatives, our incremental migration story and how Remix is enabling us to ship faster & more ambitious web UIs for our users.

Whether your an indie hacker, working at startup or large company, and are interested in moving to Remix, this talk is for you.

An exploration of how using MDX with Remix enhances the Markdown authoring experience, unlocks an ecosystem of tools to improve accessibility, and enables developers to craft more customized content experiences. This talk will walk through multiple ways MDX can be incorporated into a Remix site and provides examples of leveraging MDX to strengthen the usability and accessibility of content.

As any Remixologist will tell you, modern web apps are just pages/links/forms layered in spinners/latency/jank. If that's true, we should use Remix and web fundamentals everywhere to build better experiences! But what about highly interactive apps with streaming data and visualizations? Just how far should we push the envelope?

Let's find out! In this talk, we'll implement a multi-user musical instrument with Remix, (ab)using things like:

- Forms and FormData

- Web Audio

- Browser history

- Progressive enhancement

- Full stack components

- Response and Server-sent events

Like most things in Remix, realtime data comes with the platform! Server-sent Events let us pass messages from the server to connected clients, making it possible for instant updates when any user makes a change. But how can you use this to make sure every route's data is kept fresh?

Enter useLiveLoader, a technique to connect Server-sent Events with useLoaderData to always keep your data fresh. With just one hook, we get the same route data loading as useLoaderData with automatic real-time updates.

Let's take a peek at what realtime in Remix looks like, and how to build this kind of hook for your own app.

Using Remix to create a stand alone API is simple, fast and really fun! In just a couple minutes you can stand up a super straight forward API. This can let folks dip their toe into the wonderful world of remix without rewriting their front end.

Most of the time our API calls work, so why don’t assume that they’ll do and provide a seamless experience? Optimistic UI means to simulate a positive response from the server before receiving one.

This talk will introduce examples of optimistic UIs, highlight their benefits, and provide guidance on incorporating them into our applications.

The Remix Form and Action have drastically simplified our forms. While it's easy to validate form data on the server, people have always been searching for a good client-side form validation solution. What if we could use the platform to implement simple client-side validation without adding another dependency? In this talk, we'll explore how to utilize the Constraint Validation API to provide a modern form validation experience in Remix.

TBD

Get advanced with `defer` and other Remix features to power a lag-free, web-based native app, without giving up Remix's data loading and mutations on the server.

Chasing the dream of write-once/run-anywhere by wrapping your website in a native app shell? Scared that a great Remix website won't feel as snappy as the instant transitions of your old SPA? Fear not—by being smart with `defer` and leveraging the browser platform, you can power a spinner-free website and super-speedy native app from the same routes.

Accessibility, better DX, and performance get a lot of attention as it improves better UX significantly. Plus, it gives satisfaction to devs by seeing the significant improvements. But how about internationalization? A fun fact: Over 70% of the users in the world access non-English content. In this talk, I'll show you more surprising facts about internationalization and what are scalable approaches. You'll see examples with libraries for frameworks with a few different logic to implement different internationalization layouts.

Video editing is a booming market with influencers being all the rage with Reels, TikTok, Youtube. Did you know that browsers now have all the APIs to do video editing in the browser? In this talk I'm going to give you a primer on how video encoding works and how to make it work within the browser. Spoiler, it's not trivial!

Modern web development is fantastic. There are so many great tools available!

Modern web development is exhausting. There are so many great tools available!

Each of these sentiments is true. What’s great is that most of the time, it’s hard to make a choice that is wrong. Seriously. The trade-offs of most of the frameworks and tools you could use to build your application fit within the constraints of the vast majority of apps.

Despite this, engineers consistently struggle with analysis paralysis.

Let's talk about this, and a solution I am working on for it.

Join us for a thrilling ride as we explore the world of headless e-commerce with Shopify Hydrogen! This tech stack is taking the e-commerce industry by storm, and in this talk, we'll show you just how easy and fun it is to build a high-performance online store using Hydrogen's ready-to-use React components. From creating collections and products to implementing a shopping cart, we'll cover it all and give you the tools you need to elevate your developer experience. Don't miss out on this opportunity to learn the ins and outs of Shopify Hydrogen and see firsthand how it can revolutionize your e-commerce projects.

Mock Service Worker (MSW) is a powerful tool for speeding up development and testing by intercepting and modifying network requests. In this talk, we will explore the benefits of using MSW and how it can be leveraged to streamline your development process. We will cover best practices for implementing MSW, including how to use it for both testing and local development. Additionally, we will discuss real-world examples of how MSW has been used to improve the efficiency and effectiveness of development teams.

It’s 2023, and we have witnessed significant advancements in the web platform. Much of that came from innovation, pushing the web to unimaginable capabilities. This has also sadly come at the unimaginable costs to user experience and web performance. A Fist Full of Data is an eye opening talk about data on the web, and the modern means used to mitigate the user experience malaise.

Hope you are strapped in for some accessibility! In this session we will breakdown how you can use built-in React tools and web accessibility guidelines to create flexible and accessible components for your website.

How does Remix update your browser in dev?

It's more than just watch mode, live reload, or even HMR.

Let's dive into how Remix offers a world-class dev experience.

Do you currently feel stuck and limited working on a React SPA? It is time to sit down with the decision-makers at your company and convince them to unlock the full potential of the web platform with Remix. In this talk, I want to make 5 points to convince your boss to try Remix. You might have already fallen in love with the Remix-way of building for the web, but you will need a business case with solid business incentives to make your boss pay attention. Let’s build one together!

What is the difference between Real User Monitoring (RUM) and Lab tests (Lighthouse), and why are both important to deliver a great user experience.

It started life as a create-react-app landing page in front of a vendor’s SaaS app that got an instant SEO upgrade with Remix v1.1.1’s server side rendering, and it’s never looked back. Need an unauthenticated version of “portal” content before the SaaS vendor supported it? Remix made that easy. Need to migrate content from a 25 year old on-premise vendor solution to a 10 year old on-premise vendor solution but want a modern user experience? We import the vendor’s design library into Remix and handoff the .NET app’s existing user sessions to Remix by POSTing JWTs. Remix is filling the gaps for Schoolcraft College and leveraging a hodgepodge of APIs and creaky old databases. Higher education development can be fun!

Want to get rich?

Step 1: Buy *.ai domain

Step 2: Create pitch deck and start picking out private jets

You've already got your Remix app, now just layer on some OpenAI GPT-3/4 so you can justify one of those .ai domains and raise a bunch of money.

We'll look at how to utilize a Large Language Model (LLM) in a Remix app. We'll unpack some interesting performance constraints, and identify the technical mechanics to work around them.

How do you build community? Especially around a web framework on the cusp of a public v1 release right as society is reopening after a global pandemic? It's not too dissimilar from building a website: trial and error, continuous delivery, teamwork, and a lot of optimism and emojis 😅

In this talk I will share the history and lessons learned from building the Remix Austin meetup. How we went from a single meeting of 2 people in a loud bar, to a community of engineers of varying experience who regularly meet to share demos, talks, and even build a website together.

My hope is that our trial and error will be inspiration for anyone trying to build their own tech community. Additionally I hope to encourage the larger Remix community to continue building better websites by cultivating a culture of sharing and connectedness.

34 years ago HTTP was born, 9 years later HTML v2 added the form element and at about the same time Ruby on Rails showed us the power of server-side mutations with semantic URLs. Along the way, we went full SPA and embraced everything-client.

It’s now 2023, a time to leverage the best practices of the past and Remix some classics. Join me as I dive into what it was like to swap our homegrown react framework with Remix and how this change will impact Shopify headless commerce codebases, patterns and performance in the future.

When we build web applications, pretty much always the fun part of it is the happy path: That everything works! But what if something goes wrong? It’s so easy to oversee all the error instances which naturally leads to not covering them well enough. Let’s discuss challenges about errors and explore patterns and tools that can help us make better user experiences when things go wrong.

Let's look at real world look at a migration from a React SPA and self-managed Express API to Remix on Google Cloud Run in a production setting. At Nellis Auction we made the jump and have insights to share with those of you looking to make the switch as well (hint: the performance boost for our customers was dramatic).