Рекламно-краха
Прочитайте гид | Попробуйте CodeSandbox | Попробуйте Stackblitz
Раккас -это рамка реагирования с полным стеком кровотечений, основанная на Vite. Вы можете считать это перспективной альтернативой Next.js, Remix или Gatsby.
- Поболтать на Discord
- Следуйте в Твиттере
Важными функциями являются:
- ⚡ Сервер разработки молнии
- Потоковая SSR с напряженностью
- ? Динамический рендеринг (полные статические страницы для ботов, потоковая передача для браузеров)
- Система извлечения данных.
- Поддержка без серверов и рабочих средств
- ? Статическое поколение сайта
- ? Гибкий маршрутизатор файловой системы
- Маршруты API с поддержкой промежуточного программного обеспечения
Раккас подходит для вас?
- Хотя было реализовано много функций, Раккас все еще находится в тяжелом развитии. Он использует экспериментальные и/или бета -функции React и Vite. Незначительные выпуски введут нарушающие изменения, пока мы не достигнем 1.0. Таким образом, он еще не готов к производству . Если вам нужна стабильная структура React, попробуйте Next.js, Remix или Gatsby.
- Раккас довольно самоуверен. Если вам нужно больше гибкости, попробуйте Vite-SSR-Plugin.
Начиная
Смотрите Раккас в действии в вашем браузере:
Для генерации приложения Rakkas Coiperplate Используйте одну из следующих команд:
npx create-rakkas-app@latest my-rakkas-app
# or
pnpm create rakkas-app my-rakkas-app
# or
yarn create rakkas-app my-rakkas-app
create-rakkas-app Initializer поставляется со многими функциями, и все это необязательно, но мы настоятельно рекомендуем включить TypeScript и генерацию демонстрационного проекта с вашей первой попытки, потому что определения типа самодокументирования позволяют провести более плавную кривую обучения, а демо-код исходного проекта поставляется с множеством комментариев.
? Если вы предпочитаете ручную настройку, вы можете установить следующие пакеты:
npm install --save react react-dom
npm install --save-dev vite rakkasjs
Затем создайте файл src/routes/index.page.jsx
export default function HomePage ( ) {
return < h1 > Hello world! </ h1 > ;
} Теперь вы можете:
- Запустите сервер разработки с
npx rakkas - Строить с помощью
npx rakkas build - Запуск с
node dist/server/index.js
Кредиты
- Fatih Aygün и участники, по лицензии MIT.
- Logomark: «Flamenco» от Gzz из проекта существительного (не связанного) в соответствии с Creative Commons Attribution Generic License (CCBY)
- Части CLI основаны на Vite CLI Yuxi (Evan), которые вы (не аффилированные) и участники Vite (не аффилированные), используемые в соответствии с лицензией MIT.
- Опубликованный пакет NPM объединяет следующее программное обеспечение:
-
@brillout/json-serializer от Romuald Brillout (не аффилирован), используется в соответствии с лицензией MIT. -
react-error-boundary Бриана Вона (не аффилирован), используемый в соответствии с лицензией MIT -
@microsoft/fetch-event-source от Microsoft Corporation (не аффилированная), используется в соответствии с лицензией MIT
Участники
История версий
0,7,0 (установка с rakkasjs@next )
- Заменить
react-helmet-async на пользовательский компонент (уменьшает размер пакета на 17 КБ)
0,6,0
- Реагировать 18
- Одновременный режим
- Потоковая SSR
- Приостановка для извлечения данных
- Vite 3
- ESM SSR Build (
"type": "module" ) - Улучшен холодный старт
- Совершенно новая система извлечения данных
-
react-query -реагирует useQuery и useMutation - Ремикс, вдохновленные обработчиками действий
- API-Iress Data, извлекая с помощью
useServerSideQuery - Функции
preload без водопада - Ремикс, вдохновленные обработчиками действий формы
- Hattip
- Обработка HTTP на основе веб -стандартов
- Адаптеры для Vercel Edge, NetLify Edge и Deno/Deno развертывание
- Экспресс -интеграция
- Улучшения маршрутизации
- Маршрут охранники
- Поймайте все маршруты
- Проще говоря, 404 обработка
- Разнообразный
- Настройка заголовков ответов
- Общая конфигурация Eslint
0.5.0
- Поддержка без сервера (Vercel, NetLify, CloudFlare Works)
- Улучшенная навигация на клиенту
- Улучшен SSRROMUALD BRILLOUT
- Частичное предварительное предоставление
- Страницы только для клиентов
- Локализовамые URL
- Настройка заголовка
Cache-control
0.4.0
- Статическое поколение сайта
- Переключитесь на автоматическое время выполнения JSX
- Примеры интеграции (Apollo GraphQL, Styleled Components, MDX, Tailwind CSS)
- Больше вариантов в генераторе проекта
- Множество незначительных функций и исправлений
- Достоверная документация