rust yew realworld example app

Rust + yew + basis kode WebAssembly yang berisi contoh dunia nyata (crud, auth, pola canggih, dll) yang melekat pada spec dan API dunia nyata.

Demo RealWorld

Basis kode ini dibuat untuk menunjukkan aplikasi web WebAssembly yang sepenuhnya dibangun dengan yew termasuk operasi CRUD, otentikasi, perutean, pagination, dan banyak lagi. Ini menggunakan function components dan hooks terbaru Yew. Ini juga mendukung aplikasi desktop yang ditenagai oleh Tauri.

Kami telah berusaha keras untuk mematuhi Yew Community StyleGuides & Praktik Terbaik.

Untuk informasi lebih lanjut tentang cara ini bekerja dengan frontend/backends lain, pergilah ke repo RealWorld.

Bagaimana tampilannya

Anda dapat melihat demo langsung di demo

Beranda (Web)	Artikel (Web)

Edit (desktop)	Daftar (desktop)

Cara kerjanya

Ini adalah aplikasi yang ditulis dalam karat yang memanfaatkan yew dan WebAssembly untuk mengembangkan aplikasi Web Frontend yang mendukung aplikasi RealWorld.

Anda dapat melihat daftar lengkap peti yang digunakan dalam kargo.toml, tetapi berikut adalah beberapa yang utama catatan:

• Yew - Kerangka kerja karat modern untuk membuat aplikasi frontend multi -threaded dengan WebAssembly.
• Yew -Router - Perpustakaan perutean untuk kerangka kerja yew.
• Yew-Hooks-Hooks for the Yew Web Framework, terinspirasi oleh react hook libs seperti streamich/react-use dan alibaba/hooks.
• LAZY_STATIC - Makro untuk menyatakan statika yang dievaluasi dengan malas dalam karat.
• parking_lot - Menyediakan implementasi Mutex , RwLock , Condvar dan Once dll.
• Pulldown -Cmark - Parser tarik untuk Commonmark, digunakan untuk menguraikan penurunan harga.
• Serde - Kerangka kerja serialisasi/deserialisasi generik.
• Chrono - Perpustakaan Tanggal dan Waktu untuk Karat.

Memulai

Dengan Docker

docker-compose up

Anda dapat mengunjungi http://127.0.0.1:8080 di browser Anda sekarang.

Secara manual

• Pasang karat

• Instal Wasm-Pack

  cargo install wasm-pack

• Instal Trunk

• Membangun dan mengembangkan

  Salin .env.example to .env , dan Anda dapat mengubah variabel lingkungan jika Anda suka.

  cp .env.example .env
  cd crates/conduit-wasm && trunk serve

  Anda dapat mengunjungi http://127.0.0.1:8080 di browser Anda sekarang.

• Membangun dan melepaskan

   cd crates/conduit-wasm && trunk build

  Anda harus menemukan file statis di crates/conduit-wasm/dist folder sekarang, mereka di-host di cabang GH-halaman sebagai demo.

• Tes

  Pasang Chromedriver, jalankan tes di browser tanpa kepala.

  wasm-pack test --headless --chrome

• Justfile

  • Instal Wasm-Pack just install-wasm-pack
  • Salin .env.example to .env just env
  • Sajian trunk just trunk-serve
  • Batang membangun just trunk-build
  • Tes just test

Dengan tauri untuk desktop (opsional)

• Instal Tauri

  cargo install tauri-cli

• Bangun dan kembangkan untuk desktop

  cargo tauri dev

• Membangun dan melepaskan untuk desktop

  cargo tauri build

• Justfile

  • Instal Tauri just install-tauri
  • Membangun dan mengembangkan just tauri-dev
  • Membangun dan melepaskan just tauri-build

Buat aplikasi yew

Proyek ini bootstrap dengan Create Yew App, jika Anda ingin dengan cepat mengatur aplikasi Web Yew baru untuk Anda sendiri, Anda dapat mencoba membuat aplikasi Yew, alat tidak resmi untuk mengatur aplikasi web Yew modern dengan hanya menjalankan satu perintah.

npx create-yew-app my-app
cd my-app
trunk serve

Justfile:

• Create-yew-app just create-yew-app
• Aplikasi-Serve just app-serve

Berkontribusi

Jangan ragu untuk melihat masalah saat ini dalam repo ini untuk apa pun yang saat ini perlu dikerjakan.

Anda juga dipersilakan untuk membuka PR atau masalah baru jika Anda melihat ada sesuatu yang hilang atau dapat ditingkatkan.

Lisensi

Lisensi Apache (Versi 2.0)

Lihat Lisensi untuk detailnya

Memperluas