Razzle: Siapa yang menggunakan Razzle?

Hanya bermain-main dengannya tetapi itu persis mengisi celah antara aplikasi create-react-berorientasi pemula dan kerangka kerja lengkap seperti Next dll.
Semoga tetap seperti ini karena godaan untuk memasukkan lebih banyak barang dan memilih default bisa menjadi besar.

Saya bekerja untuk agensi dan saat ini kami menggunakan Razzle dalam produksi untuk situs reaksi publik besar. Saya tidak bisa mengatakan yang mana tetapi hanya ingin mengungkapkan bahwa kami menggunakannya dalam produksi / dalam skala besar dan menyukainya.

Saya tidak memiliki perusahaan, oleh karena itu kasus penggunaan produksi saya sama sekali bukan rahasia besar dan aplikasinya juga kecil. Ini belum sepenuhnya selesai, tetapi fitur yang diterapkan bekerja dengan baik. Ini disebut Pencarian Facebook dan Anda dapat dengan mudah membuat pencarian khusus saat ini untuk orang-orang yang menggunakan formulir. Ini terinspirasi oleh Search is Back! dan tujuan saya adalah membuat versi yang lebih baru. Bidang masukan yang diterapkan sudah memberikan lebih banyak fleksibilitas. Misalnya Anda dapat membuat daftar pengguna Facebook yang tertarik pada kedua jenis kelamin yang didukung Facebook.

@jaredpalmer Anda dapat menambahkan aplikasi ini ke bagian showcase jika Anda mau. Namun pada keadaannya saat ini, ini bisa menjadi situs statis juga, yang akan menjadi kinerja yang lebih baik.

Saya menggunakannya sebagai titik awal untuk tugas akhir siswa saya. Saya mengajar di sebuah LSM yang menangani kaum muda dalam kesulitan dan membuat web developer junior full stack dari 0 di antaranya. Mereka memahami segalanya tetapi kurang terbiasa dengan alat-alatnya sehingga Razzle merasa lega karena harus menyambungkan semuanya.

Pada tingkat pribadi, ini adalah cara tercepat untuk menguji sebuah ide, dan satu-satunya skenario rendering isomorfik yang benar-benar bisa diterapkan yang bekerja dengan baik dengan skrip ketikan.

Terima kasih untuk ini!

Orang miskin menggunakan razzle yang diinstal di Google vm untuk mencoba memahami dan mempelajari pengembangan js modern.

Kami menggunakan Razzle di Untitled Kingdom , untuk VOD Platform Facets Edge baru .
Facets Edge adalah layanan baru untuk Facets mitra LSM kami.
Ini semua tentang seni dan film independen dari seluruh dunia. Saat ini kami dalam tahap beta tertutup, tetapi jika Anda tertarik, hubungi saya untuk akses uji coba gratis.

Datnoid adalah platform bersumber kerumunan untuk menemukan cryptocurrency terbaik.

Menggunakan Razzle dan Docker untuk diterapkan ke GKE. Mesin Google kubernetes.

Kami di Thorgate menggunakan Razzle untuk membangun proyek SPA kami.

Hal-hal mengagumkan. Teruskan.

razzle dan afterjs luar biasa !, Saya membuat klon HackerNews yang dibangun dengan razzle, afterjs, typescript, rematch, react-router dengan rendering universal razzle-hackernews

Teknologi YOLO saat ini menggunakan Razzle untuk produk SAAS kami.

Coba lihat! https://bossjob.ph

Proyek baru dan mendatang kami di payung https://www.totalmilk.com dibangun dengan razzle (node, graphql, mongodb)

Aplikasi Produksi
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

Aplikasi Beta
https://payroll-beta.totalmilk.com
https://principal-beta.totalmilk.com
https://docs.totalmilk.com/

Dan segera situs web utama https://www.totalmilk.com akan diubah juga

Podchaser menggunakan razzle dalam produksi beberapa minggu lalu: https://www.podchaser.com

Kami beralih ke sana sebagai bagian dari proses untuk memodularisasi semua kode kami untuk pemisahan kode dan goyangan pohon yang lebih baik, sambil tetap merender server semuanya. Ini sangat membantu menyederhanakan proses pembuatan kami!

Lihat https://github.com/jaredpalmer/razzle/issues/971

Kami menggunakan razzle di Grain Discovery untuk situs web baru kami yang mengkilap, yang baru saja muncul minggu lalu: https://www.graindiscovery.com !

Kami adalah: https://www.noritex.com/es/

FotonTech menggunakan di https://confy.app
Kami memiliki repo open source mengikuti pendekatan yang sama yang kami lakukan secara internal: https://github.com/FotonTech/golden-stack

Saya menggunakannya di Influence Grid: https://www.influencegrid.com/

CloudHospital baru saja mulai menggunakannya.
Https://icloudhospital.com
Kami memulai dengan next.js tetapi pindah ke ini baru-baru ini.

Menggunakan razzle untuk semua proyek saya, sebagian besar halaman web kecil lokal di Docker.

Pengaturan default untuk semua proyek yang saya mulai: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Kami sedang menggunakannya

Menggunakannya di https://www.yespleasemeals.com/ dan https://www.factor75.com

Kami menggunakannya, aplikasi media sosial baru https://ecency.com

Saya menulis catatan ini sambil membandingkan razzle dengan nextjs (memiliki banyak waktu di tangan saya) dan membuat keputusan, saya pikir saya akan mempostingnya di sini karena dapat membantu seseorang. Semoga ini tempat yang tepat untuk memposting.

Saya telah melakukan refactoring https://www.memory.com (CRA SPA berukuran sedang dengan SEO yang buruk dan banyak halaman) di 2 cabang secara bersamaan.

1) razzle, dengan react-router-6-beta (terkunci setelah refactor sebelumnya),
2) nextjs

Untuk membandingkan dengan produksi saat ini yaitu:
v.0) solusi prapenguraian khusus (peretasan: jika cache tidak ada, putar inline chromedp sesuai permintaan, tayangkan html, render alih-alih hidrat karena perbedaan, hanya jika UA = google / bing dll), dengan cron prapenguraian 0,5 juta laman di sekeliling jam - perawatan tinggi)

Ikhtisar Aplikasi:

Total 9MB JS yang dibangun di CRA vanilla (dengan pemisahan kode - ~ 7MB tanpa)
LOK TSX ujung depan: 118k
1826 komponen
~ 500k halaman aktif front end (sebagian besar konten buatan pengguna)
Titik masuk tunggal

Apa yang saya temukan adalah:

1) Mempesona
- Pasang dan mainkan, tidak ada penulisan ulang kode kecuali server.tsx dan client.tsx
- pengaturan mudah; tetapi untuk melakukannya dengan benar dengan rekonsiliasi DOM yang benar: banyak trial and error - kesulitan yang mirip dengan menjalankan SPA webpack khusus
- jauh lebih dapat diubah daripada berikutnya dengan react-router
- Mudah untuk menukar kembali CRA masuk / keluar kapan pun diperlukan, dapat menjalankan CRA dalam repo yang sama
- pemecahan kode sangat baik di luar kotak dengan @ loadable / server
- mudah untuk menyesuaikan markup SSR dengan hidrasi
- Nol kunci masuk
- Config terasa goyah, mudah rusak, sulit diperbaiki

2) Berikutnya
- i18n, Link dan Trans membutuhkan refactoring besar-besaran
- / Struktur halaman tampaknya sangat konyol, mengingatkan saya pada PHP MVC - membutuhkan banyak peretasan untuk membuat parameter saat ini berfungsi. Saya melakukan semuanya tetapi saya berharap untuk menyembunyikan cabangnya
- Seharusnya dokumen OK tetapi berakhir di banyak stackoverflow;
- Pengalaman dev yang buruk untuk aplikasi single-entry SPA dengan banyak rute, membuat halaman sesuai permintaan itu menyakitkan; Pengujian e2e pada dev box juga menyakitkan - mungkin Anda dapat mengkonfigurasinya untuk membangun di depan - saya tidak dapat menemukan caranya tanpa CURLing setiap halaman dengan bash untuk memanaskannya.
- Kode yang buruk membelah kotak, membuat total bundel 16MB
- Mimpi buruk untuk mendamaikan SSR dengan hidrasi (Material ui)
- Tapi, ada sesuatu yang kau percayai. Anda tahu mulai benang akan berhasil.
- Codemod untuk dikeluarkan dari berikutnya terlalu sulit untuk ditulis, Trans dan Link terlalu tidak efisien untuk diotomatiskan - jadi berakhir terikat dengan satu-satunya jalan keluar yang manual cari-ganti

Secara keseluruhan, nextjs dengan "dinamis" dan upaya terbaik saya adalah menghasilkan aplikasi yang sangat berat dibandingkan dengan Razzle dengan @loadable.

Saya tidak bisa mendapatkan nextjs untuk mengalahkan kecepatan halaman 77 di beranda. Dengan total unduhan JS 525kb, vs Razzle 98 kecepatan halaman 332kb (keduanya menggunakan pemisahan agresif)

Razzle, saya dapat membagi kode sesuka saya dan membuatnya menjadi 98 kecepatan halaman dengan total JS 332kb

Biasanya, layar lain dengan berikutnya memiliki muatan yang jauh lebih besar pada kedua navigasi DAN klik pertama dengan berikutnya.

Nextjs memasukkan banyak sampah ke dalam bundel bersama dengan konfigurasi default.

NextJS - prapengambilan otomatis tampaknya berbahaya: Tanpa menonaktifkannya secara manual, memuat semua tautan navigasi kiri adalah render awal pos muatan yang BESAR dan tidak sesuai. Selain itu, ini hanya mengambil / halaman dan Anda tidak dapat menginstruksikannya untuk mengambil lebih dulu komponen tertentu.

Razzle + server yang dapat dimuat + onMouseEnter = {component.preload} dengan callback RAF = superior, tetapi lebih banyak beban pemeliharaan.

Pada dasarnya, saya menemukan bahwa razzle adalah penurunan pengganti CRA yang bekerja seperti peluru.

Berharap untuk menghapus cabang nextjs dan membuat Razzle berproduksi.

Sunting - pada dasarnya, untuk melakukan sesuatu yang berguna dengan Next Anda tetap membutuhkan server khusus, jadi dengan Razzle tersedia, saya belum bisa melihat poin di nextjs sama sekali ..... kecuali keandalan dan lingkungan dengan banyak pengembang di rel dengan api beropini.

Senang mendengar kisah sukses Razzle :) Menjadi sangat dapat dikonfigurasi adalah tujuan Razzle. Kami harus memiliki lebih banyak plugin dan dokumen, tetapi kami membutuhkan lebih banyak kontributor. Semuanya tergantung pada saya untuk saat ini. Faktor Bus adalah 1 atm.

Kami memiliki kisah sukses besar dengan Razzle

Kami sekarang berada di App Store, Play Store, Web, dan Web yang Dapat Diinstal menggunakan Razzle.

Kami telah membuat build terpisah di dalam razzle yang berjalan di atas Cordova:
https://apps.apple.com/us/app/noritex/id1556098652

Satu-satunya masalah yang belum kami temukan adalah masalah berikut:

Apakah ada cara di config razzle untuk mengubah client.js menggunakan client.standalone.js?

Saya mencoba membuat dua proses pembuatan terpisah, satu untuk web dan untuk aplikasi iOS kami

Inilah cara kami melakukannya: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7