Channel
Interviewed Person
Aurora Scharff
NDC Conferences
Interviewed: Aurora Scharff
NDC Conferences
Interviewed: Aurora Scharff
Okay, I think we can start now. Uh, good afternoon. Hello everyone. I'm excited to be speaking here today uh in front of you all. So, I'm going to talk about the evolution of the Remix framework and provide a guide on how to build resilient and performant apps with it. So, how many of you have used Remix? Okay, actually some people have used it. That's nice. Uh, have you used React Router though?
Probably a lot of people. Yeah. So, we're going to see why that matters later. Um, first, my name is Aurora. I'm from Norway, currently living and working in Oslo. I'm a front end developer, Microsoft MVP in webte and a React educator. And my primary role is a consultant at Cran Consulting, but I'm also the React certification lead at certificate step, which is a certification platform. And in my primary role, I work a lot with the NexJS app router uh and use a lot of React 19 and server components, but I
also like Remix. So yeah, that's what we're going to be talking about today. So let's get right to it. Um Remix is a uh Reactbased fullstack web framework or meta framework. And that means a framework around another framework in this case React. And Remix is one of the biggest React meta frameworks alongside with Nex.js, but lesser known typically. And if you want to get like a quick overview of the main selling points, the the website had like this really nice like scrolling experience which really
like gives the the main selling points here which it's nice. It's a nice experience. So try this out. Uh yeah, anyway, Remix was released in 2020 and was acquired by Shopify in 2022 and it's really easy to get into in uh and start building apps in a way that feels native to the web. And it aims to allow you to focus on the user interface and work back through web standards to deliver fast and resil resilient user experiences. And uh way back when it was released, it presented solutions to
problems that were not yet solved in other frameworks. Uh by now a lot of these features are already very uh standard in most frameworks and um also we see it coming in React 19. For example, their approach to nested uh routing was like a big deal when they this framework came out. um is the idea that you couple segments of the URL to the component hierarchy and data. So the their nested routing was inspired by the routing system in Ember.js in 2014 where the Ember team realized that in nearly
every case segments of the URL determine the layouts to render the page and the data dependencies of those layouts. Remix is actually made by the same people who created and maintained React Router which is a library that uh probably a lot of us have used at some point in our career and Remix uses React Router as its biggest dependency after React itself. So let's talk a bit more about React Router. So for 10 years React Router had remained one of the most widely used dependencies in the React ecosystem and
that's clear just by looking at the number of uh public GitHub repositories using React Router. Uh when I took this screenshot it was 10.7 million. It's probably even more than that now. And Shopify itself also heavily depends on react router. So they have like a 5 million line application running on react router at the very core of the business. And that's just one example. So React Router uh is great but the team wanted to provide more features to allow developers to build better websites with React and scale. features like automatic
code splitting, simplified data loading, form actions, uh pending states, optimistic UI and such and server rendering. And these are features that we commonly see in meta frameworks. For example, Nex.js has this stuff, right? And that's why Remix was created. Another piece of the story here is Vit. So Vit is a front-end tool that provides optimized builds and fast dev experience. How many people have used Vit here? Yeah, Vit's great, right?
