​​Preact и Fastify для быстрого прототипирования приложений

#preact #fastify #frontend #backend #javascript #jsarticle #webdev #react

Как уменьшить размер React приложения ⚛️

#jsarticle #javascript #react #frontend #webdev #preact #jsx #parcel

Простой блог на Node.js, MongoDB и Preact

#nodejs #mongodb #preact #frontend #javascript #webdev #jsarticle #backend

Новостное приложение на Preact, Styled Components и DinoQL

#jsarticle #javascript #frontend #webdev #dinoql #graphql #styledcomponents #preact #react

Простой блог на Preact, Node.js и MongoDB: Часть 2

#jsarticle #javascript #frontend #backend #fullstack #webdev #mongodb #nodejs #preact

Вышел Preact X

#jsrelease #jslib #javascript #frontend #preact #react #webdev

Простой блог на Node.js, MongoDB и Preact

#nodejs #mongodb #preact #frontend #javascript #webdev #jsarticle #backend

Простой блог на Preact, Node.js и MongoDB: Часть 2

#jsarticle #javascript #frontend #backend #fullstack #webdev #mongodb #nodejs #preact

​​Nexo - экспериментальный веб фреймворк

Основан на Deno и Preact (легковесная альтернатива React)

Находится в активной разработке

Из фишек:

HMR (hot module replacement)
Preact SSR (серверный рендеринг)
Вывод серверных и клиентских ошибок в браузер
Автоматическая сборка

#preact #frontend #react #webdev #jslib #javascript

Настройка бандлера Vite для работы с Preact и TypeScript

#preact #typescript #webdev #frontend #jsarticle

Prefresh, HMR для Preact

Статья от одного из создателей Preact об опыте написания своего аналога React Refresh для Preact — Prefresh. В тексте описан процесс работы HMR, и как он устроен внутри (с примерами кода).

#jsarticle #javascript #preact #react #frontend #webdev

​​desvg - инструмент для превращения SVG в React компоненты

Есть поддержка Webpack (desvg-loader)
Работает с Preact

#jslib #react #frontend #webdev #preact #svg #webpack

wouter - минималистичный роутер для Preact и React, основанный на хуках

Поддерживает как React, так и Preact

Весит 1308B вместо 11KB у React Router

Имеет хуки (useRouter, useLocation и т.д.) и компоненты (<Switch />, <Link /> и т.д.) для работы с роутингом

Поддерживает серверный рендеринг

#jslib #javascript #react #frontend #webdev #router #preact

​​WMR - многофункциональный инструмент для разработки современных веб-приложений

- HTML страница как входной файл
- Импорт модулей без установки
- Сборка и кеширование для npm модулей
- HMR для модулей, Preact компонентов и CSS
- Быстрая JSX транспиляция
- Поддержка CSS и CSS Modules
- Статика с HMR для графики и CSS
- Оптимизированная сборка для продакшена
- Пререндер страниц во время сборки
- Встроенная поддержка HTTP/2
- Поддерживает плагины для Rollup

#jstools #javascript #frontend #webdev #wmr #hmr #react #preact #rollup #bundling

Microsite — статический генератор сайтов, основанный на Preact и Snowpack, поддерживающий автоматическую частичную регидрацию

Примечателен тем, что в отличие от веб фреймворков, таких как Next.js, Microsite отсылает в браузер только тот код, который используется страницей, при этом не отправляя код библиотек. В результате получаются очень быстрые страницы с минимальным количеством JavaScript.

Из других фич можно выделить:
- Генерация в ESM модули, как для серверной части, так и для клиентской
- Поддерживается JS, JSX и TSX
- Использует Preact в отличие от Next, что позволяет уменьшить размер бандла
- Поддержка CSS модулей из коробки
- getStaticProps для получения данных при сборке
- Управление глобальным состоянием через createGlobalState
- Поддержка TypeScript из коробки

#jslib #javascript #frontend #webdev #preact #ssg #typescript

Создание CRUD приложения на Preact

#jsarticle #javascript #preact #frontend #webdev