Razzle: من يستخدم Razzle؟

مجرد اللعب به ولكنه يملأ الفجوة تمامًا بين تطبيق create-react-app الموجه للمبتدئين والأطر الكاملة مثل Next وما إلى ذلك.
آمل أن تظل على هذا النحو لأن إغراء وضع المزيد من الأشياء واختيار الإعدادات الافتراضية يمكن أن يكون كبيرًا.

أعمل لدى وكالة ونستخدم حاليًا Razzle في الإنتاج لموقع تفاعل كبير يواجه الجمهور. لا أستطيع أن أقول أيهما ولكني أردت فقط التعبير عن أننا نستخدمه في الإنتاج / على نطاق واسع ونحبه.

ليس لدي شركة ، وبالتالي فإن حالة استخدام الإنتاج الخاصة بي ليست سرية على الإطلاق والتطبيق صغير أيضًا. لم يتم الانتهاء منه بالكامل بعد ، ولكن الميزات التي تم تنفيذها تعمل بشكل جيد. يطلق عليه Facebook Searcher ويمكنك بسهولة إجراء عمليات بحث مخصصة حاليًا للأشخاص الذين يستخدمون النموذج. إنه مستوحى من " عودة البحث"! وكان هدفي هو إنشاء نسخة أحدث منه. توفر حقول الإدخال المنفذة بالفعل مزيدًا من المرونة. على سبيل المثال ، يمكنك إدراج مستخدمي Facebook المهتمين بكلا الجنسين اللذين يدعمهما Facebook.

jaredpalmer يمكنك إضافة هذا التطبيق إلى قسم العرض إذا كنت ترغب في ذلك. ومع ذلك ، في حالته الحالية ، يمكن أن يكون موقعًا ثابتًا أيضًا ، والذي سيكون أفضل من حيث الأداء.

أنا أستخدمه كنقطة انطلاق لمشروع الطالب النهائي. أقوم بالتدريس في منظمة غير حكومية تأخذ الشباب في صعوبة وتخلق مطوري ويب مكدس المبتدئين من 0 منهم. إنهم يفهمون كل شيء لكنهم يفتقرون إلى الإلمام بالأدوات ، لذا فإن Razzle يأتي بمثابة راحة مرحب بها من الاضطرار إلى توصيل كل شيء.

على المستوى الشخصي ، إنها أسرع طريقة لاختبار فكرة ، والسيناريو العملي الوحيد في الواقع للعرض المتشابه الذي يعمل بشكل جيد مع الكتابة المطبوعة.

شكرا على هذا!

شخص فقير يستخدم razzle مثبتًا على Google vm لمحاولة فهم وتعلم تطوير js الحديث.

نحن نستخدم Razzle in Untitled Kingdom ، من أجل VOD Platform Facets Edge الجديدة .
Facets Edge هي خدمة جديدة لشريكنا من المنظمات غير الحكومية Facets .
الأمر كله يتعلق بالفن والأفلام المستقلة من جميع أنحاء العالم. نحن حاليًا في المرحلة التجريبية المغلقة ، ولكن إذا كنت مهتمًا ، فاتصل بي للحصول على نسخة تجريبية مجانية.

Datnoid عبارة عن منصة ذات مصادر جماعية للعثور على أفضل

استخدام Razzle و Docker للنشر في GKE. محرك جوجل kubernetes.

نحن في Thorgate نستخدم Razzle لبناء مشاريع SPA الخاصة بنا.

فريق عمل رائع. أتركها تستمر.

razzle و afterjs رائع !، أصنع نسخة HackerNews مبنية باستخدام razzle و afterjs و print script و rematch و React-router مع عرض عالمي razzle-hackernews

تستخدم YOLO Technology حاليًا Razzle لمنتج SAAS الخاص بنا.

تحقق من ذلك! https://bossjob.ph

تم تصميم مشروعنا الجديد والقادم على https://www.totalmilk.com umbrella مع 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

أنا أستخدمه على شبكة التأثير: 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 مع تحسين محركات البحث الضعيف والعديد من الصفحات) في فرعين في وقت واحد.

1) razzle ، مع جهاز التوجيه التفاعلي 6 بيتا (مغلق بعد إعادة بناء سابقة) ،
2) nextjs

للمقارنة بالإنتاج الحالي وهو:
v.0) حل مخصص للعرض المسبق (القرصنة: إذا فقدت ذاكرة التخزين المؤقت ، قم بتدوير chromedp المضمن عند الطلب ، وتقديم html ، وتقديم بدلاً من الهيدرات بسبب الاختلافات ، فقط إذا كان UA = google / bing وما إلى ذلك ، مع عرض cron مسبقًا 0.5 مليون صفحة حول الساعة - صيانة عالية)

نظرة عامة على التطبيق:

9 ميجابايت إجمالي JS بناء في CRA Vanilla (مع تقسيم الكود - ~ 7 ميجابايت بدون)
الواجهة الأمامية TSX LOC: 118 كيلو
1826 مكونًا
~ 500 ألف صفحة أمامية نشطة (معظمها محتوى من إنشاء المستخدم)
نقطة دخول واحدة

ما أجده هو:

1) رازل
- التوصيل والتشغيل ، لا توجد إعادة كتابة للكود باستثناء server.tsx و client.tsx
- خطوه سهله؛ ولكن للحصول على تسوية صحيحة مع DOM الصحيح: الكثير من التجربة والخطأ - صعوبة مماثلة لتشغيل webpack SPA المخصص
- قابل للتعديل أكثر بكثير من التالي مع جهاز التوجيه التفاعلي
- من السهل التبديل مرة أخرى في CRA للداخل / الخارج عند الحاجة ، ويمكن تشغيل CRA في نفس الريبو
- تقسيم الكود جيد جدًا خارج الصندوق باستخدام @ loadable / server
- من السهل التوفيق بين ترميز SSR والترطيب
- قفل صفري
- يبدو التكوين مهتزًا وسهل الكسر ويصعب إصلاحه

2) NextJS
- i18n و Link و Trans بحاجة إلى إعادة بناء ديون ضخمة
- / تبدو بنية الصفحات سخيفة جدًا ، تذكرني بـ PHP MVC - احتاج إلى الكثير من القرصنة لتشغيل المعلمات الحالية. لقد فعلت كل شيء ولكن آمل أن أخبأ الفرع
- من المفترض أن تكون المستندات موافقًا ولكن ينتهي بها الأمر في وضع Stackoverflow كثيرًا على أي حال ؛
- تجربة تطوير سيئة لتطبيق دخول واحد في SPA مع الكثير من المسارات ، وبناء الصفحات عند الطلب أمر مؤلم ؛ اختبار e2e على dev box مؤلم أيضًا - ربما يمكنك تهيئته للبناء مقدمًا - لا أستطيع أن أجد كيف بدون CURLing كل صفحة مع bash لتسخينها.
- الكود الضعيف الذي ينقسم إلى العلبة ، يجعل إجمالي الحزمة 16 ميجابايت
- كابوس للتوفيق بين SSR والترطيب (واجهة المستخدم المادية)
- لكن ، هناك شيء ما تثق به حول هذا الموضوع. أنت تعرف أن بداية الغزل ستعمل.
- من الصعب جدًا كتابة Codemod للخروج من التالي ، فإن Trans و Link غير فعالين للغاية في التشغيل الآلي - لذلك ينتهي الأمر بربط المخرج الوحيد وهو البحث اليدوي عن الاستبدال

بشكل عام ، nextjs مع "ديناميكي" وأفضل جهودي هو إخراج تطبيق ثقيل حقًا مقارنةً بتطبيق Razzle معloadable.

لا يمكنني الحصول على nextjs للتغلب على سرعة صفحات 77 على الصفحة الرئيسية. مع إجمالي تنزيل JS يبلغ 525 كيلوبايت ، مقابل Razzle 98 سرعة صفحات 332 كيلوبايت (مع كلاهما يستخدم تقسيمًا قويًا)

Razzle ، يمكنني تقسيم الكود بالطريقة التي أحبها والحصول عليها بسرعة 98 صفحة بإجمالي 332 كيلوبايت

عادةً ما يكون للشاشات الأخرى التي تحتوي على التالي حمولة أكبر بكثير على كل من التنقل والضغط أولاً على التالي.

يضع Nextjs الكثير من الرسائل غير المرغوب فيها في حزمة مشتركة مع التهيئة الافتراضية.

NextJS - يبدو الجلب المسبق التلقائي أمرًا خطيرًا: بدون تعطيلها يدويًا ، فإن تحميل جميع روابط التنقل اليسرى يعد عرضًا أوليًا ضخمًا وغير مناسب لنشر الحمولة النافعة. أيضًا ، يقوم فقط بإجراء إعداد مسبق / صفحات ولا يمكنك توجيهه إلى الجلب المسبق لمكونات معينة.

Razzle + خادم قابل للتحميل + onMouseEnter = {component.preload} مع رد اتصال RAF = متفوق ، لكن عبء صيانة أكبر.

في الأساس ، أجد أن razzle هو انخفاض في استبدال CRA الذي يعمل مثل الرصاصة.

على أمل حذف فرع nextjs ودخول Razzle في الإنتاج.

تحرير - بشكل أساسي ، لفعل أي شيء مفيد مع Next ، فأنت بحاجة إلى خادم مخصص على أي حال ، لذلك مع توفر Razzle ، لا يمكنني حتى الآن رؤية النقطة في nextjs على الإطلاق ..... باستثناء الموثوقية والبيئات مع مطورين متعددين على القضبان مع عمد API.

من الرائع سماع قصة نجاح Razzle :) أن تكون قابلاً للتكوين بدرجة عالية هو هدف Razzle. يجب أن يكون لدينا المزيد من الإضافات والمستندات ، لكننا بحاجة إلى المزيد من المساهمين. كل شيء يعتمد علي في الوقت الحاضر. عامل الحافلة هو 1 atm.

لدينا قصة نجاح كبيرة مع Razzle

نحن الآن في App Store و Play Store و Web و Web قابل للتثبيت باستخدام Razzle.

لقد أنشأنا بنية منفصلة داخل razzle تعمل فوق كوردوفا:
https://apps.apple.com/us/app/noritex/id1556098652

المسألة الوحيدة التي لم نكتشفها هي الراحة:

هل هناك طريقة في Razzle config لتغيير client.js لاستخدام client.standalone.js؟

أحاول إنشاء عمليتي بناء منفصلين أحدهما للويب ولتطبيق iOS الخاص بنا

إليك كيف فعلنا ذلك: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7