rust yew realworld example app

Rust + Yew + WebAssembly Code Base contenant des exemples du monde réel (crud, auth, motifs avancés, etc.) qui adhèrent à la spécification et à l'API Realworld.

Demo Realworld

Cette base de code a été créée pour démontrer une application Web WebAssembly à part entière construite avec des opérations de crud, l'authentification, le routage, la pagination, etc. Il utilise les derniers function components et hooks de la fonction d'olif. Il prend également en charge l'application de bureau alimentée par Tauri.

Nous avons fait de grands efforts pour adhérer aux grévistes et aux meilleures pratiques de style communautaire.

Pour plus d'informations sur la façon dont cela fonctionne avec d'autres fronts / backends, rendez-vous au RealWorld Repo.

À quoi ça ressemble

Vous pouvez voir une démo en direct à la démo

Accueil (Web)	Article (Web)

EDIT (Desktop)	Inscrivez-vous (bureau)

Comment ça marche

Il s'agit d'une application écrite en Rust qui utilise l'yew et webassembly pour développer l'application Web Frontend qui alimente l'application Realworld.

Vous pouvez afficher une liste complète des caisses utilisées dans Cargo.toml, mais voici quelques-unes des principales notes:

• Of - Un cadre de rouille moderne pour créer des applications frontales multipliées avec WebAssembly.
• Yew-Router - Une bibliothèque de routage pour le framework d'if.
• Yew-Hooks - Hooks for the Yew Web Framework, inspiré par React Hook Libs comme Streamich / React-Use et Alibaba / Hooks.
• Lazy_static - une macro pour déclarer des statistiques évaluées paresseusement en rouille.
• Parking_lot - fournit des implémentations de Mutex , RwLock , Condvar et Once etc.
• Pulldown-CMARK - Un analyseur de pull pour Commonmark, utilisé pour analyser Markdown.
• Serde - un cadre générique de sérialisation / désérialisation.
• Chrono - Date and Heure Library for Rust.

Commencer

Avec Docker

docker-compose up

Vous pouvez visiter http://127.0.0.1:8080 dans votre navigateur maintenant.

Manuellement

• Installer la rouille

• Installer WasM-Pack

  cargo install wasm-pack

• Installer le coffre

• Construire et développer

  Copiez .env.example à .env , et vous pouvez modifier les variables d'environnement si vous le souhaitez.

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

  Vous pouvez visiter http://127.0.0.1:8080 dans votre navigateur maintenant.

• Construire et libérer

   cd crates/conduit-wasm && trunk build

  Vous devriez trouver des fichiers statiques dans le dossier crates/conduit-wasm/dist maintenant, ils sont hébergés dans la branche GH-Pages sous forme de démo.

• Test

  Installez Chromedriver, effectuez des tests dans des navigateurs sans tête.

  wasm-pack test --headless --chrome

• Juste file

  • Installer wasm-pack just install-wasm-pack
  • Copier .env.example à .env just env
  • Trunk sert just trunk-serve
  • Construction du coffre just trunk-build
  • Testez just test

Avec tauri pour le bureau (facultatif)

• Installer Tauri

  cargo install tauri-cli

• Construire et développer pour le bureau

  cargo tauri dev

• Construire et libérer pour le bureau

  cargo tauri build

• Juste file

  • Installer Tauri just install-tauri
  • Construire et développer just tauri-dev
  • Construire et libérer just tauri-build

Créer une application d'if

Ce projet a été enraciné avec une application Create Of, si vous souhaitez configurer rapidement une nouvelle application Web d'if pour vous, vous pouvez essayer de créer une application Yew, un outil non officiel pour configurer une application Web d'if moderne en exécutant simplement une commande.

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

JustFile:

• Créer-yew-apple just create-yew-app
• App-Seser just app-serve

Contributif

N'hésitez pas à jeter un œil aux problèmes actuels de ce dépôt pour tout ce sur quoi il faut être travaillé.

Vous êtes également invités à ouvrir un PR ou un nouveau problème si vous voyez que quelque chose manque ou pourrait être amélioré.

Licence

Licence Apache (version 2.0)

Voir la licence pour plus de détails

Développer