<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh" -->

---
title: Remix v3&#x27;s New Path: From React to Preact | daily.dev
description: Remix v3 represents a major architectural shift, moving away from React to embrace a Preact-based approach focused on simplicity and performance. The framework...
canonical: https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Remix v3&#x27;s New Path: From React to Preact | daily.dev
og:description: Remix v3 represents a major architectural shift, moving away from React to embrace a Preact-based approach focused on simplicity and performance. The framework...
og:url: https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh
og:image: https://api.daily.dev/og/posts/jhQ4PzDEh.png
og:image:alt: Remix v3&#x27;s New Path: From React to Preact
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Remix v3's New Path: From React to Preact

**[Collections](https://daily.dev/sources/collections)** · 2 min read · 1 upvotes · 0 comments

## Summary

Remix v3 represents a major architectural shift, moving away from React to embrace a Preact-based approach focused on simplicity and performance. The framework adopts model-first development principles, eliminates heavy dependencies, and emphasizes closer integration with native Web APIs. This transformation follows the incorporation of Remix capabilities into React Router v7, allowing the team to rebuild with a runtime-focused architecture that eschews bundling and prioritizes vanilla JavaScript approaches.

## Content

Remix v3 signifies a transformative shift in web framework development by departing from React and embracing a fork of Preact. This change is aimed at achieving simplicity, enhancing performance, and integrating closely with Web APIs. By moving away from React Router integration, Remix is establishing itself as a modular, full-stack toolkit. This shift comes after Remix's capabilities were incorporated into React Router v7, granting the team freedom to rebuild Remix with a focus on reducing complexity and creating a lighter development experience.

The new framework emphasizes principles such as model-first development and a composition-focused architecture, prioritizing vanilla JavaScript approaches over conventional dependencies. The pivot to Preact, a mature virtual DOM library utilized by major companies like Shopify and Google, aims to eliminate the need for heavy dependencies, including React itself.

Moreover, the announcement positions Remix v3 as a runtime-focused architecture that eschews bundling, aligning with modern development workflows that value performance and simplicity. This represents a fundamental reimagining of web application development, optimizing the process for integration with AI and LLMs. Remix v3 aspires to provide developers with a streamlined, efficient framework that is closer to native web APIs, offering a development experience reminiscent of the impact Rails had on Ruby in its time. The update also highlights other web development news, including advances in tools like Rolldown-Vite and TanStack Router, as well as ongoing discussions about the role of human coders versus AI-driven code generation.

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments
- [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments
- [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#preact](https://daily.dev/tags/preact)

[View this post on daily.dev](https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Remix v3's New Path: From React to Preact","url":"https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh"},"datePublished":"2025-06-01T09:18:26.758Z","dateModified":"2025-06-02T11:25:53.920Z","description":"Remix v3 represents a major architectural shift, moving away from React to embrace a Preact-based approach focused on simplicity and performance. The framework...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f7863b1197f7223786bed14cbecec494?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f7863b1197f7223786bed14cbecec494?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Collections","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Collections","logo":"https://media.daily.dev/image/upload/s--fk_6ycEi--/f_auto,q_auto/v1780996001/logos/collections?_a=BAMAMiWQ0","url":"https://daily.dev/sources/collections"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/remix-v3-s-new-path-from-react-to-preact-jhq4pzdeh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,react,preact","timeRequired":"PT2M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Collections","item":"https://daily.dev/sources/collections"},{"@type":"ListItem","position":3,"name":"Remix v3's New Path: From React to Preact"}]}
```

