Member-only story
Making Web Apps in Rust: Part 2 — HTML & Styling
This time around, we’re crafting the basic HTML and giving our app its unique style.
Articles in the Series:
- Making Web Apps in Rust: Part 1 — Introduction
- Making Web Apps in Rust: Part 2 — HTML & Styling
- Making Web Apps in Rust: Part 3 — Utilizing Web APIs
My initial plan was to introduce interactivity to our Rusty Clock in this segment. However, I’ve since realized that interacting with the some WEB APIs in Rust might pose a substantial challenge, especially for those new to Rust. So, for the sake of simplicity, we’ll be solely concentrating on HTML and styling in this article. Interactivity will get its dedicated spotlight in a future installment.
Choosing the Web Framework
Truth be told, I didn’t devote a large chunk of time to exploring all the available Rust frameworks. My typical approach when trying out a new library or framework is to head over to GitHub and check out its star count. But even more importantly, I like to peek under Insights > Contributors to check project activity:
And thus far nothing was even close to Yew which we will be going to use throughout this series. Though, I wanted to mention a few interesting alternatives which are Dioxus and Iced. Both look very interesting and active development but both target multiple platforms with different renders for each while I wanted to focus purely on WEB as an alternative web framework like React or Vue.
Create the Project
I’m going to take it as a given that you’ve already installed all the necessary prerequisites. If not, please refer to the first part of this series, Building Web Apps with Rust: A Practical Guide, Part 1 — Introduction.
Let’s kick things off by creating a new project. In your command line, run the command cargo new rusty-clock. This will whip up a new application that’s ready to roll. Next, type cd rusty-clock and then cargo run to get it going.
