#preact — Public Fediverse posts

Remix 3 beta marks a major architectural shift, replacing React with a forked Preact and consolidating routing, request handling, auth, sessions, and UI into a single remix package.

The new architecture also puts the server in control of the request lifecycle.

Details here 👉 https://bit.ly/4hBa54U

#Remix #React #Preact #JavaScript #WebDevelopment #InfoQ

Remix 3 beta marks a major architectural shift, replacing React with a forked Preact and consolidating routing, request handling, auth, sessions, and UI into a single remix package.

The new architecture also puts the server in control of the request lifecycle.

Details here 👉 https://bit.ly/4hBa54U

#Remix #React #Preact #JavaScript #WebDevelopment #InfoQ

Hello le Fédi des #devWeb !
Je cherche à recruter une presta sur un outil d'aide à la décision développé dans le cadre d'un projet de recherche publique.

L'outil est ici : https://outil-cafe.fr
Et le code là : https://codeberg.org/tfardet/CAFE (c'est #Vite et #preact pour le front et du python avec #FastAPI pour le back)

Il y aurait trois choses principales que j'aimerais faire (rangées par priorité décroissante) :

1. passer le site en multilingue pour avoir une version en anglais

2. supprimer tailwindcss pour avoir du CSS propre à travers le site

3. limiter le contenu qui dépend de preact, en transformant une partie des conteneurs react en template html, de sorte que la majeure partie de la page d'accueil et les pages support (doc, FAQ...) n'ait pas besoin de javascript pour charger

La priorité très claire, pour moi c'est vraiment le point 1, donc je cherche avant tout une personne qui puisse travailler là-dessus, les autres points sont appréciés mais pas centraux.
Je précise également que je veux du code "à l'ancienne", garanti sans IAg 😉
Côté deadline, il faut nécessairement que ce soit avant la fin de l'année parce que sinon mes sous repartent...

#jeRecrute #getFediHired #presta #prestation #i18n #internationalization #webDev

📝 Designing a listen later pipeline #development #webdev #tech #rss #preact #golang #audio #audiobookshelf

I've had this long, long running relationship with bookmarking and read it later services. I'll commit to one, excited about whatever feature set it offers and then, without fail, my list grows and grows and grows and grows. I archive things to reset, repeat and then move to a different service. The only thing that's...

https://www.coryd.dev/posts/2026/designing-a-listen-later-pipeline

📝 Designing a listen later pipeline #development #webdev #tech #rss #preact #golang #audio #audiobookshelf

I've had this long, long running relationship with bookmarking and read it later services. I'll commit to one, excited about whatever feature set it offers and then, without fail, my list grows and grows and grows and grows. I archive things to reset, repeat and then move to a different service. The only thing that's...

https://www.coryd.dev/posts/2026/designing-a-listen-later-pipeline

Got a quick weekend project on the go. This time using #Preact which is quite fun! Keeping my dependencies and bundle sizes to a minimum! #Programming

Got a quick weekend project on the go. This time using #Preact which is quite fun! Keeping my dependencies and bundle sizes to a minimum! #Programming

Я сделал Vite-плагин, который сохраняет изменения CSS прямо в исходники

Каждый раз, когда я хотел поправить отступ или цвет в процессе разработки, я делал одно и то же: открыл DevTools → нашёл элемент → поменял значение → понравилось → скопировал → переключился в редактор → нашёл файл → вставил. Это семь шагов ради однострочного изменения. Я сделал LiveStyleSync , чтобы это был один шаг.

https://habr.com/ru/articles/1041454/

#vite #css #scss #devtools #opensource #typescript #preact

@ryan I've mainly used #Angular at work for years now, but only recently got into building stuff with #React. With all the CVEs lately, I've considered just using #Preact in the future since I usually just build small web apps for myself 🤔 I do like the reactive approach of React and even the Angular team seems to copy the reactive part by introducing signals etc. these days.

@ryan I've mainly used #Angular at work for years now, but only recently got into building stuff with #React. With all the CVEs lately, I've considered just using #Preact in the future since I usually just build small web apps for myself 🤔 I do like the reactive approach of React and even the Angular team seems to copy the reactive part by introducing signals etc. these days.

TokenToad: как я сделал Chrome-расширение, чтобы перестать удивляться счетам за AI

Расходы на AI API копятся незаметно: сессия Claude Code тут, batch к GPT-5 там — и к концу месяца биллинг удивляет. Собрал бесплатное Chrome-расширение, которое показывает траты Anthropic, OpenAI и Gemini в реальном времени прямо в badge браузера.

https://habr.com/ru/articles/1031890/

#chrome_extension #ai_api #openai #anthropic #claude #расходы_api #токены #биллинг #preact #vite

Aaaaand... The one-man-band has got a new #website built with #astro and #preact.

https://www.badrevision.com/

#music #punkrock

Aaaaand... The one-man-band has got a new #website built with #astro and #preact.

https://www.badrevision.com/

#music #punkrock

#Development #Explainers
Signals, the push-pull based algorithm · How push-pull powers modern reactive frameworks https://ilo.im/16blr0

_____
#Signals #Frameworks #Angular #Preact #Solid #Svelte #Vue #WebDev #Frontend #JavaScript

#Development #Explainers
Signals, the push-pull based algorithm · How push-pull powers modern reactive frameworks https://ilo.im/16blr0

_____
#Signals #Frameworks #Angular #Preact #Solid #Svelte #Vue #WebDev #Frontend #JavaScript

Reactive Route — новый роутер для разных фреймворков и реактивных систем в 2 КБ

Я не OpenSource разработчик, но за пару десятков лет написал под сотню enterprise-level библиотек, которые остаются в рабочем контуре, дорабатываются под каждый проект и адаптируются к новым технологиям. Большого смысла выходить в OSS не было, кроме как для упрощения обучения коллег и единого места хранения документации. Но и желание помогать другим и делиться выстраданными подходами, экспертизой и конкретным кодом мне не чуждо - сегодня поможешь ты, завтра - тебе. Через полгода подготовки и адаптации к OpenSource (сам использую и дорабатываю около 8 лет) в свет выходит одна из библиотек моего рабочего контура - Reactive Route . Так как я работаю с проектами на разных стеках, стараюсь писать код максимально framework-agnostic - независимыми слоями, которые можно заменить или переписать, не трогая остальной код проекта. А к фреймворкам и библиотекам для работы с состоянием они подключаются с помощью легковесных адаптеров, сохраняя синтаксис работы. Конкретно для Reactive Route выложил набор готовых адаптеров в комбинациях, которые сейчас чаще всего использую: - React + MobX / Observable - Preact (no compat) + MobX / Observable - Solid.js + нативная реактивность / MobX / Observable - Vue + нативная реактивность В одном npm-пакете - строгая TS-типизация, SSR / MPA / no-JS / Widget режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать

https://habr.com/ru/articles/1010012/

#react #vue #solid #preact #router #routing

Okay #frontend folks:

I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.

**In your opinion what's the next best direction for building UIs?**

My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.

Boosts and wildly unpopular opinions welcome.

#react #vue #preact #webcomponents #svelte

Okay #frontend folks:

I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.

**In your opinion what's the next best direction for building UIs?**

My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.

Boosts and wildly unpopular opinions welcome.

#react #vue #preact #webcomponents #svelte

The high freshmen highschool kiddo's took the #PreACT last semester and received their scores this week.

One of them, who thinks he's not as intelligent as he actually is (compares himself to his twin....) did better then average and had some surprising strengths.

The other one scored the second highest in the school.

We are proud of them both! 🤘

The high freshmen highschool kiddo's took the #PreACT last semester and received their scores this week.

One of them, who thinks he's not as intelligent as he actually is (compares himself to his twin....) did better then average and had some surprising strengths.

The other one scored the second highest in the school.

We are proud of them both! 🤘

Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:

https://www.infoq.com/news/2025/09/preact-11-beta/

#preact

Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:

https://www.infoq.com/news/2025/09/preact-11-beta/

#preact

Uhhh..... #Preact 11 will bring some nice features:

https://www.infoq.com/news/2025/09/preact-11-beta/

#javascript #react

Web Development for Beginners: Frontend Frameworks, by @rauschma:

https://2ality.com/2025/09/frontend-frameworks.html

#frameworks #javascript #preact

Web Development for Beginners: Frontend Frameworks, by @rauschma:

https://2ality.com/2025/09/frontend-frameworks.html

#frameworks #javascript #preact

@rauschma it's been a while since I wrote about it, but I've used buildless #preact for quite a bunch of cool things over the years (and still do) 😎

Feel free to have a look at https://ttntm.me/blog/buildless-preact-starter/ and https://ttntm.me/blog/building-a-data-viewer-with-preact/ if you're curious

Refactored a Build Pipeline and used esbuild instead of webpack and replaced #react with #preact.

As a result of all the refactoring, the codebase is modernised and just 38% of the bundle size what it was previously. Even the non-minified bundle is smaller than before.

Re- #introduction (I moved servers and need to pin it here).

I am a father of two kids from #Vilnius, 🇱🇹 #Lithuania, 🇪🇺 EU. In my forties. #Neurodivergent .

Working as a web developer, mostly with #Lua, #JavaScript and #Preact these days. Have been running #Linux on my computers since ~2004. My IDE is :vim: + shell.

Very interested in #privacy and other digital rights.

I support 🇺🇦 #Ukraine. I trust in Jesus ✝.

Re- #introduction (I moved servers and need to pin it here).

I am a father of two kids from #Vilnius, 🇱🇹 #Lithuania, 🇪🇺 EU. In my forties. #Neurodivergent .

Working as a web developer, mostly with #Lua, #JavaScript and #Preact these days. Have been running #Linux on my computers since ~2004. My IDE is :vim: + shell.

Very interested in #privacy and other digital rights.

I support 🇺🇦 #Ukraine. I trust in Jesus ✝.

My esteemed followers, you have posted a total of 375,809 statuses to the #fediverse. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)

Check out my new #sideproject: *fedi-followers*. A privacy-friendly fediverse #followers explorer as #localonly #staticwebapp, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#decentralization #mastodev #esmodules #importmaps #nobuild #indexeddb #preact

My esteemed followers, you have posted a total of 375,809 statuses to the #fediverse. 22% of you have posted in the last 24h. You are a chatty bunch! ;-)

Check out my new #sideproject: *fedi-followers*. A privacy-friendly fediverse #followers explorer as #localonly #staticwebapp, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#decentralization #mastodev #esmodules #importmaps #nobuild #indexeddb #preact

I've built a thing.

Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the #MastodonAPI and created "fedi-followers":

A privacy-friendly #fediverse #followers explorer as local-only static web app, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#mastodev #javascript #webapp #staticwebapp #nobuild #esmodules #importmaps #indexeddb #preact #htm

I've built a thing.

Sometimes my follower count seemingly fluctuates at random. To understand why, I dug into the #MastodonAPI and created "fedi-followers":

A privacy-friendly #fediverse #followers explorer as local-only static web app, decentrally hosted on the #ipfs. See who's actually following (and unfollowing) you over time and much more.

https://fedi--followers-data0-one.ipns.dweb.link/

#mastodev #javascript #webapp #staticwebapp #nobuild #esmodules #importmaps #indexeddb #preact #htm

@emmanueltouzery A year ago I took a risk and started building a big-ish app with #Preact where I would have otherwise used #React. So far it's going great. It also encouraged everyone to use much less external dependencies and build out more stuff themselves which in turn makes maintenance much easier and the whole app more future-proof. And it turned out the `compat` module needs to be used much less than originally thought.

@emmanueltouzery A year ago I took a risk and started building a big-ish app with #Preact where I would have otherwise used #React. So far it's going great. It also encouraged everyone to use much less external dependencies and build out more stuff themselves which in turn makes maintenance much easier and the whole app more future-proof. And it turned out the `compat` module needs to be used much less than originally thought.

Even though I'm a backend developer I've got to keep abreast of some frontend stuff so that I can lend my general developer brain to designing or advising or fixing things wherever it happens, and it looks like I've now got to get up to speed on #Preact and #TailWind and #WebPack for the next phase of work. That'll keep me busy for a bit.

Even though I'm a backend developer I've got to keep abreast of some frontend stuff so that I can lend my general developer brain to designing or advising or fixing things wherever it happens, and it looks like I've now got to get up to speed on #Preact and #TailWind and #WebPack for the next phase of work. That'll keep me busy for a bit.

@davidshq I've built many such applications over the years. The ones built with #vue are still quite easy to maintain, even 5+ years later - Vue 3 + #typescipt + #vite is a great stack to work with.

If you must JSX, then use #preact. It's not a bad choice either, but maintaining the hook soup isn't fun in the long run.

@Isabella_uy Do you know if #Preact Signals + #React is a good idea?

@Isabella_uy Do you know if #Preact Signals + #React is a good idea?

💻 Supported development environments:
* Complete support for #Chrome #Firefox and #Edge browsers
* Built-in compatibility with modern frameworks including #React #Vue #Svelte and #Preact
* Seamless integration with ESNext features and Web Standards

🚀 Quick start features:

💻 Supported development environments:
* Complete support for #Chrome #Firefox and #Edge browsers
* Built-in compatibility with modern frameworks including #React #Vue #Svelte and #Preact
* Seamless integration with ESNext features and Web Standards

🚀 Quick start features:

#Development #Techniques
Managing reactive state using custom elements · Signals work great in custom elements too https://ilo.im/160x7y

_____
#Signals #WebComponents #CustomElements #Framework #Preact #WebDev #Frontend #DOM #HTML #JavaScript

@aoristdual I'd probably look for something that doesn't need another toolchain (i.e. compilation) to keep things as simple as possible. Using #preact as a native es module together with #htm to write #jsx-style template tags for example.

https://preactjs.com/guide/v10/getting-started/#alternatives-to-jsx

Why don't we have scoped styles in Preact natively?

#preact #freshjs

I've already regretted going down the rabbit hole of trying to find a nice, simple #Preact/ #Vue #dashboard #template that doesn't require a gazillion niche #npm invocations. All I wanted was a nice #vanilla #javascript and #css starting point…

#Development #Comparisons
A server-side rendering performance showdown · Comparison of Fastify-html, Vue, Svelte, Solid, Preact, and React https://ilo.im/16018j

_____
#WebServer #SSR #Preact #React #SolidJS #Svelte #VueJS #WebPerf #WebDev #Backend

I really like the combo of Signals with JSX (via #Preact).

Add a bit of Context to avoid passing state through the tree and I'm PRODUCTIVE plus I've got a #NoBundle web app solution.

@developit 🧑‍🍳😘

#WebDev #TypeScript #JavaScript

I built a little public API where you can get random words, IDs, or numbers! https://rnd.bgenc.dev/

This was a cool opportunity to learn #GoLang, it's using #GoFiber in the backend. The website demo UI uses #Preact with #TailwindCSS and #DaisyUI, built with #Vite, all deployed via #Kamal & #Tailscale.

I'm not sure that I'm in love with Go, but I can't say it's not productive. Preact is awesome and I am now obsessed with Preact signals.

@westbrook

I want to keep out the Vite eco-system for my next project, so that eliminated my general fav #Svelte/#SvelteKit.

I had a go at Lit for web components, but Lit wasn't a good match for what I was building. It's not its "fault" per se -- I was asking too much and not aligning with the core spirit of web components.

I also wanted something that is generally #nobuild (which both #Preact and Lit can be).

Maybe I've made a dubious choice, but I need to make A choice. 😉

I'm surprised that #preact + preact/signals is only 1.3Kb gzipped larger than Lit at 5.8Kb (gzip).

#webdev #WebComponents

A lot of stuff can be crammed into a tiny download/package.