Creact Server Components (RSC) Примечания Демо / Плейтная площадка без фреймворта без фреймворта
- См. Компоненты Live Server (RSC) Приложения Демо / Игровая площадка
- Прочитайте сообщение в блоге React Components, без фреймворта
Отказ от ответственности
Обратите внимание, что в следующей реализации нет абсолютно ничего оптимального, она намеренно наивна, неполна и предназначена для обучения и демонстрационных целей.
Цели
- несколько функциональное приложение React Notes (листинг, создание, редактирование и удаление заметок с помощью текстового заголовка и контента разметки)
- Creact Server Components, используемые наряду с клиентскими компонентами
- какой-то рендеринг на стороне сервера
- какой-то извлечение данных с использованием компонентов сервера
- Маршрутизация, которая несколько работает как в клиенте, так и на сервере
- освежающие компоненты сервера от клиента
- пригодная игровая площадка RSC
- Прежде всего: учиться
Начиная
Разработано на Node.js V18.18.1 + NPM v9.8.1
-
git clone этот репозиторий -
npm ci
Dev Environment
- Запустите процесс WebPack, наблюдая за изменениями в
./src и вывода встроенных файлов в ./dist - Запустите http -сервер Node.js (с фазовифией) по адресу http: // localhost: 3000, наблюдая за изменениями в
./server , ./src & ./dist с Nodemon
Среда продувки
Запустите WebPack Build и запустите HTTP -сервер Node.js для производства.
Основные зависимости
- Webpack Bundler
- Компилятор Babel Javascript, для транспинга JSX синтаксис
- Фастификация для веб -сервера HTTP
- A-route Expural Minimal JavaScript / Dom Маршрутизация библиотеки маршрутизации Использует пользовательские элементы
Разное
- Создан Тимофеем «Тимом» Пиллардом @Tpillard в Твиттере
- «React Server Components, без фреймворта» объявление в блоге в Twitter
- На основе приложения React Notes
