https://github.com/dallasrust/website-dioxus

Dallas Rust User Meetup website using Dioxus
https://github.com/dallasrust/website-dioxus

Last synced: 2 months ago
JSON representation

Dallas Rust User Meetup website using Dioxus

• Host: GitHub
• URL: https://github.com/dallasrust/website-dioxus
• Owner: dallasrust
• License: mit
• Created: 2023-08-12T19:05:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-15T18:42:07.000Z (about 1 year ago)
• Last Synced: 2024-08-03T15:10:53.386Z (5 months ago)
• Language: Rust
• Homepage: https://www.dallasrust.org/
• Size: 85 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-rust-list - dallasrust/website-dioxus - dioxus?style=social"/> : Dallas Rust User Meetup website using Dioxus. [www.dallasrust.org/](https://www.dallasrust.org/) (GUI)
• awesome-rust-list - dallasrust/website-dioxus - dioxus?style=social"/> : Dallas Rust User Meetup website using Dioxus. [www.dallasrust.org/](https://www.dallasrust.org/) (GUI)

README

        
# Dallas Rust User Meetup website using Dioxus

[![MIT licensed][mit-badge]][mit-url]

[mit-badge]: https://img.shields.io/badge/license-MIT-blue.svg

[mit-url]: https://github.com/dallasrust/website-dioxus/blob/main/LICENSE.txt

- Uses static prerendering with hydration

## Utilities Installation

- Install the Rust command line utility "cargo"

  - cargo is installed when you install Rust

  - https://www.rust-lang.org/

- Install the Dioxus Command Line Interface (CLI) "dx"

  - cargo install dioxus-cli --locked

  - https://github.com/DioxusLabs/dioxus/tree/master/packages/cli

- Install npm

  - npm installs utilities such as prettier

  - npm scripts run the dx and cargo commands

  - npm can be installed by installing node.js

  - https://nodejs.org/

## Hot Reload

- cd website-dioxus/

- npm install

  - Installs the utility http-server to serve the HTML

  - Installs the utility pretter to format the HTML

  - Installs the utility rimraf to remove distribution directory dist/

- npm start

- Open your browser to http://localhost:8080/

- Make changes to the HTML in src/lib.rs or the CSS in public/stylesheet.css

- Note that the changes are updated in your browser as soon as you save

## Test Static Prerendering with Hydration

- npm test

  - Deletes the distribution directory dist/ to remove files from a previous run

  - Makes the index.html page with the hydration code

  - Inserts the prerendered HTML

  - Formats the HTML using the prettier utility

  - Launches http-server to serve the HTML

  - Opens your browser to the home page

## Other Commands

- npm run clean

  - Deletes the distribution directory dist/ to remove files from a previous run

- npm run dist

  - Same as npm test

  - Except that it does not start http-server and open the browser

- npm run format

  - Runs the utility prettier

- npm run hydrate

  - Makes the index.html page with the hydration code

- npm run prerender

  - Inserts the prerendered HTML

- npm run make

  - Makes the index.html page with the hydration code

  - Inserts the prerendered HTML

  - Runs the utility prettier

  - But does not start by deleting dist/

- npm run serve

  - Starts the http-server

  - Opens the browser

## TODO

- Restore the prettier configuration

## History

- Project launch: 2023-08-12