Razzle: Кто использует Razzle?

Просто поиграйте с ним, но оно точно заполняет пробел между ориентированным на новичков приложением create-react-app и полноценными фреймворками, такими как Next и т. Д.
Надеюсь, что так и будет, поскольку соблазн добавить больше вещей и выбрать значения по умолчанию может быть большим.

Я работаю в агентстве, и в настоящее время мы используем Razzle в производстве большого публичного сайта реакции. Я не могу сказать, что именно, но просто хотел сказать, что мы используем его в производстве / в больших масштабах и нам это нравится.

У меня нет компании, поэтому мой вариант использования в производстве не является совершенно секретным, да и приложение крошечное. Он еще не полностью завершен, но реализованные функции работают нормально. Он называется поисковой системой Search is Back! и моей целью было создать его более актуальную версию. Реализованные поля ввода уже обеспечивают большую гибкость. Например, вы можете перечислить пользователей Facebook, которым интересны оба пола, которые поддерживает Facebook.

@jaredpalmer Вы можете добавить это приложение в раздел демонстрации, если хотите. Однако в текущем состоянии это также может быть статический сайт, что будет лучше с точки зрения производительности.

Я использую его как отправную точку для последнего проекта моего студента. Я преподаю в НПО, которая принимает молодежь, попавшую в затруднительное положение, и делает младших полноценных веб-разработчиков из 0 из них. Они все понимают, но не знакомы с инструментами, поэтому Razzle приносит долгожданное облегчение от необходимости все подключать.

На личном уровне это самый быстрый способ проверить идею и единственный реально работающий сценарий изоморфного рендеринга, который хорошо работает с машинописным текстом.

Спасибо за это!

Бедный человек использует razzle, установленную на виртуальной машине Google, чтобы попытаться понять и изучить современную js-разработку.

Мы используем Razzle в Untitled Kingdom для новой платформы VOD Facets Edge .
Facets Edge - это новая услуга для нашего партнера-НПО Facets .
Это все об искусстве и независимых фильмах со всего мира. В настоящее время мы находимся на стадии закрытого бета-тестирования, но если вам интересно, свяжитесь со мной для получения бесплатного пробного доступа.

Datnoid - это

Использование Razzle и Docker для развертывания на GKE. Движок Google kubernetes.

Мы в Thorgate используем Razzle для создания наших SPA-проектов.

Потрясающий материал. Продолжай.

razzle и afterjs - это круто !, Я делаю клон HackerNews, построенный с помощью razzle, afterjs, машинописного текста, rematch, response-router с универсальным рендерингом razzle-hackernews

YOLO Technology в настоящее время использует Razzle для нашего продукта SAAS.

Проверьте это! https://bossjob.ph

Наш новый и будущий проект на https://www.totalmilk.com создан с помощью razzle (node, graphql, mongodb).

Производственные приложения
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

Бета-приложения
https://payroll-beta.totalmilk.com
https://principal-beta.totalmilk.com
https://docs.totalmilk.com/

И вскоре будет преобразован и основной сайт https://www.totalmilk.com.

Podchaser использует razzle в продакшене пару недель назад: https://www.podchaser.com

Мы перешли на него как часть процесса модульности всего нашего кода для лучшего разделения кода и встряхивания дерева, при этом все еще выполняя рендеринг сервером. Это значительно упростило процесс сборки!

См. Https://github.com/jaredpalmer/razzle/issues/971

Мы используем razzle в Grain Discovery для нашего нового блестящего веб-сайта, который только что появился на прошлой неделе: https://www.graindiscovery.com !

Мы: https://www.noritex.com/es/

FotonTech использует https://confy.app
У нас есть репозиторий с открытым исходным кодом, использующий тот же подход, что и внутри компании: https://github.com/FotonTech/golden-stack

Я использую его в Influence Grid: https://www.influencegrid.com/

CloudHospital только начал им пользоваться.
Https://icloudhospital.com
Мы начали с next.js, но недавно перешли к нему.

Использование razzle для всех моих проектов, в основном небольших локальных веб-страниц на Docker.

Настройка по умолчанию для всех проектов, которые я запускаю: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Мы его используем

Используя его на https://www.yespleasemeals.com/ и https://www.factor75.com

Мы используем его, новое приложение для социальных сетей https://ecency.com

Я написал эти заметки, сравнивая razzle с nextjs (у меня было много свободного времени) и принимая решение, я подумал, что опубликую его здесь, так как это может кому-то помочь. Надеюсь, это подходящее место для публикации.

Я проводил рефакторинг https://www.memory.com (средний CRA SPA с плохим SEO и большим количеством страниц) одновременно в двух ветках.

1) razzle, с react-router-6-beta (заблокировано после предыдущего рефакторинга),
2) nextjs (следующий)

Для сравнения с текущим производством, которое:
v.0) настраиваемое решение для предварительной отрисовки (хакерство: при отсутствии кеша, развертывание chromedp inline по запросу, обслуживание HTML, рендеринг вместо гидрата из-за различий, только если UA = google / bing и т. часы - высокие эксплуатационные расходы)

Обзор приложения:

Всего 9 МБ сборки JS в CRA vanilla (с разбиением кода - ~ 7 МБ без)
Передняя часть TSX LOC: 118k
1826 деталей
~ 500 тыс. Активных страниц переднего плана (в основном пользовательский контент)
Единая точка входа

Я нахожу:

1) Раззл
- Plug and play, без перезаписи кода, кроме server.tsx и client.tsx
- простая настройка; но чтобы сделать это правильно с правильным согласованием DOM: много проб и ошибок - аналогичные трудности с запуском пользовательского веб-пакета SPA
- гораздо более настраиваемый, чем следующий, с реактивным маршрутизатором
- легко заменять обратно в CRA, когда необходимо, может запускать CRA в том же репо
- очень хорошее разделение кода из коробки с помощью @ loadable / server
- легко совместить разметку SSR с гидратацией
- Нулевая блокировка
Конфиг кажется нестабильным, его легко сломать, его сложно починить

2) NextJS
- i18n, Link и Trans нуждались в огромном рефакторинге
- Структура / pages кажется довольно нелепой, напоминает мне PHP MVC - потребовалось много хакерских действий, чтобы заставить текущие параметры работать. Я сделал все, но надеюсь спрятать ветку
- Предположительно нормальные документы, но все равно часто попадают в stackoverflow;
- Плохой опыт разработки для одноразового SPA-приложения с большим количеством маршрутов, создание страниц по запросу болезненно; Тестирование e2e на блоке разработчика также болезненно - возможно, вы можете настроить его для создания заранее - я не могу найти, как без CURLing каждой страницы с помощью bash, чтобы разогреть ее.
- Плохой код, разбивающий коробку, составляет всего 16 МБ
- Кошмар примирить SSR с гидратацией (Material ui)
- Но в этом есть что-то, чему ты доверяешь. Вы знаете, что пряжа Start будет работать.
- Codemod для извлечения из следующего слишком сложно написать, Trans и Link слишком неэффективны, чтобы автоматизировать - так что в конечном итоге привязан к единственному выходу - поиск-замена вручную

В целом, nextjs с "dynamic", и я приложил все усилия, чтобы создать действительно тяжелое приложение по сравнению с Razzle с @loadable.

Я не могу заставить nextjs побить скорость 77 на домашней странице. При общей загрузке JS 525 КБ по сравнению с Razzle 98 со скоростью 332 КБ (оба используют агрессивное разбиение)

Razzle, я могу разделить код, как мне нравится, и довести его до скорости 98 страниц с общим объемом JS 332 КБ

Как правило, другие экраны со следующим значением имеют гораздо большую полезную нагрузку как при навигации, так и при первом нажатии с помощью следующего.

Nextjs помещает много мусора в общий пакет с конфигурацией по умолчанию.

NextJS - автоматическая предварительная выборка кажется опасной: без их ручного отключения загрузка всех левых навигационных ссылок является ОГРОМНЫМ и неприемлемым исходным рендерингом после публикации. Кроме того, он выполняет только предварительную выборку / страницы, и вы не можете указать ему предварительную выборку определенных компонентов.

Razzle + загружаемый сервер + onMouseEnter = {component.preload} с обратным вызовом RAF = превосходный, но больший объем обслуживания.

По сути, я обнаружил, что razzle - это капля на замену CRA, который работает как пуля.

В надежде удалить ветку nextjs и запустить Razzle в производство.

Изменить - в основном, чтобы делать что-нибудь полезное с Next, вам в любом случае нужен собственный сервер, поэтому с доступным Razzle я вообще не вижу смысла в nextjs ... кроме надежности и сред с несколькими разработчиками на рельсах с упрямый апи.

Приятно слышать историю успеха Razzle :) Высокая настраиваемость - цель Razzle. У нас должно быть больше плагинов и документов, но нам нужно больше участников. Пока все зависит от меня. Фактор автобуса - 1 атм.

У нас большой успех с Razzle

Теперь мы находимся в App Store, Play Store, Web и Web. Устанавливаем с помощью Razzle.

Мы создали отдельную сборку внутри razzle, которая работает поверх Cordova:
https://apps.apple.com/us/app/noritex/id1556098652

Единственная проблема, которую мы не выяснили, - это следующее:

Есть ли способ в конфигурации razzle изменить client.js для использования client.standalone.js?

Я пытаюсь создать две отдельные процедуры сборки: для Интернета и для нашего приложения для iOS.

Вот как мы это сделали: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7