Prospector Lobby

☄️ Workshop Registration

Welcome Mingle and Registration 🚀

Coalition 2

Building reusable hooks and components can be tricky. Just like any other kind of abstraction, you can easily find yourself captive to its maintenance. Whether it's the dreaded "apropcalypse" of a component with tons of props, or a custom hook with too many options, it's not fun for maintainers or users alike. Inevitably, the incidentally-abstracted "reusable" React hooks and components will ultimately slow you down or be abandoned for duplication. It doesn't have to be like this.

By the end of this workshop, you'll have a deep understanding of how component libraries work and how to implement your own components and hooks that are powerful, flexible, and easy to use. This will demystify the patterns that power the libraries you use every day and will help you use them more effectively. Beyond that, you'll learn important patterns that will help you get your codebase ready for React Server Components through the proper use of composition as well as ways to deal with real-world scenarios you bump into every day in React applications. All taught by one of the top React instructors in the world (Kent even created and popularized some of the patterns you'll learn).

We look forward to you joining and increasing your own skills as a React developer.

Kent C. Dodds

Advanced React Patterns **OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET**

Coalition 3

Building a custom storefront with Shopify allows you to build unique and stand-out shopping experiences. It lets you integrate immersive content with a great checkout experience. But for this to work, you must empower content teams with excellent authoring experiences.

In this comprehensive 6-hour workshop, Simeon and Knut will take you through setting up a Shopify-powered Remix/Hydrogen storefront and integrate content from Sanity – the only CMS to be Shopify Plus Certified. You will learn how to set up a Hydrogen project connected to Shopify, enable embedding live product data inside of content presentations, customize content authoring experiences, and more.

Transform your web development skills into creating more engaging, efficient, and unique e-commerce sites.

Simeon Griggs

Knut Melvær

How to Build Epic Commerce Experiences **OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET**

Prospector Theater

You're welcome to attend these talks as we record our backup speakers. They'll appreciate your presence and applause!

Bonus speaker recordings start

How we scaled Shop on the Web using Remix while integrating AI along the way - I'll cover the challenges we faced integrating with an existing native app while introducing the ultimate shopping assistant powered by AI.

Barry McGee

Building shop.app at scale with Remix and AI

What makes a great developer tool? What's the key to a successful open-source project in 2024?

In this talk, we'll share a playbook for launching developer-first products and scaling open-source projects to millions of developers.

Zeno Rocha

The Next Generation of Developer-First Products

Local-first is a buzzword in 2024, but what does it even mean? Let's walk through it together as I show you how I used local-first techniques to make my personal recipe app work completely offline while still syncing to the cloud.

We'll discuss some principles and tools used to build local-first apps, what apps might benefit from local first, and how to mix in progressive enhancement and SEO. Hopefully by the end you'll get a taste why local-first is a compelling app paradigm.

Alex Anderson

The Recipe for Local-First

☄️ Registration & Breakfast

Welcome to Epic Web Conf! Let's get things rolling!

Madison Kanna

Mark Techson

Welcome 👋

The web is a special platform. It's different from anything else you can build on as a result of its openness and freedom from a central authority. It's about collaboration and cooperation. As a result, there's a degree of freedom we have on the web despite its weaknesses.

In this talk, I want to explain why you should double-down your investment in web technologies in your own career and company offerings. If you do, we can keep the web epic for many years to come.

What Makes the Web Epic

The web platform has evolved massively in the past few years. In this talk, learn how to take advantage of new and existing features in your app to lessen your script payload and overall state management. Learn about upcoming features like view transitions, CSS-only scroll-driven animations, native stateful popovers and anchor positioning, as well as new primitives like nesting. Una will highlight practical UI examples and show how leveraging the power of modern JS, CSS, and HTML can reduce developer overhead while making your components more flexible.

Una Kravets

Less Cruft, More Power: Leverage the Power of the Web Platform

Compounding work-related stress in my 20’s left me with a heart condition and at a crossroads: Leave the tech industry to find less stressful work, or continue “making sacrifices” to build a successful career. It seemed unfair, but more than that, it seemed illogical. Olympians are undeniably the best athletes in the world, and their extraordinary performance depends just as much on their recovery as their training.

So why is it that everyone I knew in tech was burnt out, overwhelmed, and running on 5 hours of sleep while trying to ship the next Big Thing? And why were we all applauding it? This was counterintuitive, and I spent the next 2.5 years at G2i digging into how prioritizing the health of the mind and body can make us better developers — and a lot happier while we’re at it.

Michelle Bakels

Tech Broke My Heart

Break

Exploring the transformative impact of Tailwind CSS as a design and prototyping tool, and its role in bridging the gap between designers and developers.

Simon Vrachliotis

Unleashing Designers with Tailwind CSS

Every click is an interaction, but not every interaction is a click. More details coming soon.

Sandrina Pereira

Accessible interactions in JavaScript apps

A lightning talk on the powerful punch that can be stashed into a custom property, a couple of tricks, and a wham bam speed round of use cases for the belt.

Adam Argyle

Lightning in a bottle with CSS custom properties

The Recipe for Local-First 

Lunch

Andrew DevTools

Justin DevTools

Michael Chan

DevTools.fm Live Recording

Sessions start again

As applications grow, API endpoints can become bloated and sometimes frail. Performance drops. User experience degrades. Learn how you may be able to improve performance while gaining higher reliability. We're going to cover how instrumenting APIs with events enables more reliable, asynchronous applications.

Dan Farrelly

Improve performance and reliability of your API with events and background functions

Ryan Florence

Surprise!

SQLite is a tremendously powerful production database. This talk will go into the specifics as to why.

Glauber Costa

Seriously SQLite

Mocking HTTP is great. Today, let's mock something else.

Artem Zakharchenko

Mocking WebSockets with MSW

Knowing how to build a web app is an incredible super power. But if you want strangers to actually use it, building a working product isn't enough -- it's gotta look good too. Together, we go on a developer's journey of self teaching design principles and best practices and how to learn just enough to build dangerously good looking products.

Saron Yitbarek

Not A Designer

What does component-driven development mean in an age of full-stack components? How can we capture critical testing data as we develop components, flows, and applications. In this talk we'll breakdown what Storybook gets right and how Epic Stack can create a better snapshot-driven DX.

Snapshot-driven Development: Capture Visual Tests in Flow

I don’t want AI to take my job or invade my privacy. Let’s learn how GPTs work, what’s right, what’s wrong, what’s ethical, what’s biased, what’s local and what’s in the cloud. Can we use AI to increase joy and reduce toil?

Scott Hanselman

AI - “iron man or ultron”

Your app is only as fast as its slowest query.

In this session, we'll explore the vital role database tuning plays in your app's user experience. You’ll gain a pragmatic understanding of database indexing and hear real stories from using these tips in the wild. Get ready to level-up your database skills. When we’re done, you’ll be equipped to make your app performance epic.

Tyler Benfield

Epic App Performance Starts with the Database

Whether you're new to Remix or an experienced user, this talk will provide fresh insights and practical knowledge to leverage the full potential of Remix in building full stack web applications.


Lina Mahrouch

Things You Probably Didn't Know About Remix

Different patterns for creating, reading, updating, and deleting data in the most common web applications

Epic Web Conf 2024 Schedule

Wednesday, 10/04/2024

Room: Prospector Lobby

☄️ Workshop Registration

Welcome Mingle and Registration 🚀

Room: Coalition 2

Advanced React Patterns **OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET**

Room: Coalition 3

How to Build Epic Commerce Experiences **OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET**

Room: Prospector Theater

Bonus speaker recordings start

Building shop.app at scale with Remix and AI

The Next Generation of Developer-First Products

The Recipe for Local-First

Thursday, 11/04/2024

Room: Prospector Lobby

☄️ Registration & Breakfast

Room: Prospector Theater

Welcome 👋

What Makes the Web Epic

Less Cruft, More Power: Leverage the Power of the Web Platform

Tech Broke My Heart

Break

Unleashing Designers with Tailwind CSS

Accessible interactions in JavaScript apps

Lightning in a bottle with CSS custom properties

The Recipe for Local-First

Lunch

DevTools.fm Live Recording

Sessions start again

Improve performance and reliability of your API with events and background functions

Surprise!

Seriously SQLite

Mocking WebSockets with MSW

Not A Designer

Snapshot-driven Development: Capture Visual Tests in Flow

Break

AI - “iron man or ultron”

Epic App Performance Starts with the Database

Things You Probably Didn't Know About Remix

High Performance CRUD Apps

Farewell 🫶

Dinner Break

Party 🎉

Advanced React Patterns OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET

How to Build Epic Commerce Experiences OPTIONAL WORKSHOP REQUIRES A SEPARATE TICKET