#preact — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #preact, aggregated by home.social.
-
@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
-
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
-
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
-
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
-
#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 -
#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 режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать
-
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 режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать
-
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 режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать
-
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 режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать
-
-
-
-
-
-
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.
-
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.
-
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.
-
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.
-
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.
-
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! 🤘
-
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! 🤘
-
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:
-
Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:
-
Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:
-
Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:
-
Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:
-
Uhhh..... #Preact 11 will bring some nice features:
-
Uhhh..... #Preact 11 will bring some nice features:
-
Uhhh..... #Preact 11 will bring some nice features:
-
Uhhh..... #Preact 11 will bring some nice features:
-
Uhhh..... #Preact 11 will bring some nice features:
-
Web Development for Beginners: Frontend Frameworks, by @rauschma:
-
Web Development for Beginners: Frontend Frameworks, by @rauschma:
-
Web Development for Beginners: Frontend Frameworks, by @rauschma:
-
Web Development for Beginners: Frontend Frameworks, by @rauschma:
-
Web Development for Beginners: Frontend Frameworks, by @rauschma:
-
@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
-
@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