Razzle: Razzleを使用しているのは誰ですか？

ただ遊んでいるだけですが、初心者向けのcreate-react-appとNextなどの本格的なフレームワークの間のギャップを正確に埋めています。
より多くのものを入れてデフォルトを選択したいという誘惑が大きくなる可能性があるので、それがこのままであることを願っています。

私は代理店で働いており、現在、大規模な公共向けの反応サイトの制作にRazzleを使用しています。 どちらかは言えませんが、本番/大規模で使用していて、気に入っていることを表現したかっただけです。

私は会社を持っていないので、私の本番ユースケースは極秘ではなく、アプリケーションも小さいです。 まだ完全には完成していませんが、実装された機能はうまく機能しています。 これはFacebookSearcherと呼ばれ、現在フォームを使用している人を簡単にカスタム検索できます。 Search is Back！に触発されました

@jaredpalmer必要に応じて、このアプリケーションをショーケースセクションに追加できます。 ただし、現在の状態では、静的サイトである可能性もあり、パフォーマンスの面で優れています。

私はそれを生徒の最終プロジェクトの出発点として使用しています。 私は、若者を困難に陥れ、そのうちの0人からジュニアフルスタックWeb開発者を作るNGOで教えています。 彼らはすべてを理解していますが、ツールに精通していないため、Razzleはすべてを配線する必要がないことを歓迎します。

個人的なレベルでは、これはアイデアをテストするための最速の方法であり、typescriptでうまく機能する同形レンダリングの唯一の実際に実行可能なシナリオです。

これをありがとう！

Google vmにインストールされたrazzleを使用して、最新のjs開発を理解および学習しようとする貧しい人。

新しいVODプラットフォームファセットエッジには、無題の王国でRazzleを使用しています。
Facets Edgeは、NGOパートナーのFacets向けの新しいサービスです。
それはすべて、世界中のアートとインディペンデント映画に関するものです。 現在、クローズドベータ段階にありますが、興味がある場合は、無料トライアルアクセスについて私に連絡してください。

Datnoidは、最高の暗号通貨を見つけるためのクラウド

RazzleとDockerを使用してGKEにデプロイします。 Googlekubernetesエンジン。

Thorgateは、Razzleを使用してSPAプロジェクトを構築しています。

すごいもの。 続けて。

razzleとafterjsは素晴らしいです！、razzle、afterjs、typescript、rematch、react-routerとユニバーサルレンダリングで構築されたHackerNewsクローンを作成しますrazzle-hackernews

YOLO Technologyは現在、SAAS製品にRazzleを使用しています。

見てみな！ 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://github.com/jaredpalmer/razzle/issues/971を参照して

Grain Discoveryでは、先週公開されたばかりの光沢のある新しいWebサイトにrazzleを使用しています： https ：

私たちは： https ：

FotonTechはhttps://confy.appで使用してい
内部で行ったのと同じアプローチに従ったオープンソースリポジトリがあります： https ：

インフルエンスグリッドで使用しています： //www.influencegrid.com/

CloudHospitalはそれを使い始めたばかりです。
Https://icloudhospital.com
next.jsから始めましたが、最近これに移行しました。

私のすべてのプロジェクト、主にDocker上のローカルの小さなWebページにrazzleを使用しています。

私が開始するすべてのプロジェクトのデフォルト設定： https ：

https://teleport.us私たちはそれを使用しています

https://www.yespleasemeals.com/およびhttps://www.factor75.comで使用する

私たちはそれを使用しています、新しいソーシャルメディアアプリhttps://ecency.com

これらのメモを書いたのは、razzleとnextjs（私の手に多くの時間があった）を比較して決定を下しているときに、誰かを助けるかもしれないので、ここに投稿すると思いました。 これが投稿するのに適切な場所であることを願っています。

私はhttps://www.memory.com （SEOが貧弱でページ数が多い中規模のCRA SPA）を2つのブランチで同時にリファクタリングしてい

1）ラズル、react-router-6-beta（前回のリファクタリング後にロックイン）、
2）nextjs

現在の生産と比較するには：
v.0）カスタム事前レンダリングソリューション（ハッカリー：キャッシュミスの場合、要求に応じてchromedpをインラインでスピンアップし、htmlを提供し、違いのためにハイドレートの代わりにレンダリングします。UA= google / bingなどの場合にのみ、cronが0.5Mページを事前レンダリングします。時計-高度なメンテナンス）

アプリの概要：

CRAバニラで合計9MBのJSビルド（コード分割あり-〜7MBなし）
フロントエンドTSXLOC：118k
1826コンポーネント
〜500kのフロントエンドアクティブページ（主にユーザー生成コンテンツ）
単一のエントリポイント

私が見つけているのは：

1）ラズル
-プラグアンドプレイ、server.tsxとclient.tsx以外のコードの書き換えはありません
-簡単なセットアップ。 しかし、正しいDOM調整でそれを正しく行うには：多くの試行錯誤-カスタムWebpackSPAを実行するのと同様の難しさ
--react-routerで次よりもはるかに微調整可能
-必要なときにいつでもCRAを簡単にスワップイン/アウトでき、同じリポジトリでCRAを実行できます
-@ loadable / serverを使用してすぐに使用できるコード分割
-SSRマークアップと水分補給を簡単に調整できます
-ゼロロックイン
-構成が不安定で、壊れやすく、修復が難しい

2）NextJS
--i18n、 LinkおよびTransは大規模なリファクタリングを必要としていました
-/ pages構造はかなりばかげているようで、PHPMVCを思い出させます-現在のパラメーターを機能させるには多くのハッカーが必要でした。 私はたくさんやりましたが、枝を隠したいと思っています
-おそらくOKドキュメントですが、とにかく多くのスタックオーバーフローが発生します。
-ルートがたくさんあるSPAシングルエントリーアプリの開発経験が乏しく、オンデマンドでページを作成するのは苦痛です。 開発ボックスでのe2eテストも苦痛です-おそらくあなたはそれを前もって構築するように構成することができます-私はそれをウォームアップするためにすべてのページをbashでCURLすることなしに方法を見つけることができません。
-ボックスを分割する貧弱なコード、バンドルは合計16MBになります
-SSRと水分補給を調和させる悪夢（Material ui）
-しかし、あなたが信頼していることには何かがあります。 あなたはヤーンスタートがうまくいくことを知っています。
-次から排出するCodemodは書くのが難しすぎ、 TransとLinkは自動化するには非効率的すぎます-そのため、手動の検索-置換のみが終了します

全体として、「動的」なnextjsと私の最善の努力は、@ loadableを使用したRazzleと比較して非常に重いアプリを出力することです。

ホームページでnextjsが77のページ速度を超えることはできません。 JSの合計ダウンロード数が525kbであるのに対し、Razzle 98のページ速度は332kbです（どちらも積極的な分割を使用しています）

ラズル、好きなようにコードを分割して、JSの合計332kbで98ページの速度にすることができます

通常、nextのある他の画面では、ナビゲーションと最初のヒットの両方ではるかに大きなペイロードがあります。

Nextjsは、デフォルトの構成で多くのジャンクを共有バンドルに入れます。

NextJS-自動プリフェッチは危険なようです：手動で無効にしないと、左側のすべてのナビゲーションリンクをロードすることは、最初のレンダリング後に巨大で不適切なペイロードになります。 また、/ pagesのみをプリフェッチし、特定のコンポーネントをプリフェッチするように指示することはできません。

Razzle +ロード可能なサーバー+ onMouseEnter = {component.preload}とRAFコールバック=優れていますが、メンテナンスの負担が大きくなります。

基本的に、私は、ラズルが弾丸のように機能するCRAの代わりのドロップであることに気づいています。

nextjsブランチを削除して、Razzleを本番環境に移行したいと考えています。

編集-基本的に、Nextで役立つことを行うには、とにかくカスタムサーバーが必要なので、Razzleが利用可能であるため、nextjsのポイントはまだまったくわかりません.....信頼性と、複数の開発者がレール上にいる環境を除いて、意見のあるAPI。

Razzleのサクセスストーリーを聞くのは素晴らしいことです:)高度に構成可能であることはRazzleの目標です。 より多くのプラグインとドキュメントが必要ですが、より多くの貢献者が必要です。 とりあえず、すべては私次第です。 バスファクターは1気圧です。

Razzleで大きなサクセスストーリーがあります

現在、App Store、Playストア、Web、およびRazzleを使用したWebインストール可能です。

コルドバの上で実行されるrazzle内に別のビルドを作成しました。
https://apps.apple.com/us/app/noritex/id1556098652

私たちが理解していない唯一の問題は休閑です：

razzle configにclient.jsを変更してclient.standalone.jsを使用する方法はありますか？

Web用とiOSアプリ用の2つの別々のビルドプロセスを作成しようとしています

これが私たちのやり方です： https ：