Iced.rs tutorial: How to build a simple Rust frontend web app

This page summarizes the projects mentioned and recommended in the original post on dev.to
#Rust #Elm #Web programming #Compiler #GUI

Our great sponsors
  • SonarLint - Clean code begins in your IDE with SonarLint
  • InfluxDB - Access the most powerful time series database as a service
  • SaaSHub - Software Alternatives and Reviews
Our great sponsors

  • iced

    A cross-platform GUI library for Rust, inspired by Elm

    Another thing to note is that Iced.rs is very much in early and active development. While it’s absolutely possible to build basic apps with it, the ecosystem isn’t particularly mature yet. Besides the docs and examples, at this early stage, it’s a bit rocky to get started, especially if you’re trying to build something complex.

  • trunk

    Build, bundle & ship your Rust WASM application to the web.

    We’re using Trunk to abstract away the nitty-gritty of building a Wasm application. Trunk expects an index.html file in the project root, which we’ll provide:

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • reqwest

    An easy and powerful Rust HTTP Client

    We have one function for fetching all posts. To execute HTTP requests, we use the Reqwest HTTP client, which also supports Wasm as a build target.

  • rust-frontend-example-iced

    Example of building a frontend app in Rust using the iced.rs library

    You can find the full code for this example on GitHub.

  • yew

    Rust / Wasm framework for building client web apps

    The biggest difference between Iced.rs and Yew is that while Yew is purely for building web apps, Iced’s focus is actually on cross-platform applications; the web is only one of several platforms you can build an application for.

  • Elm

    Compiler for Elm, a functional language for reliable webapps.

    In terms of style, while Yew will feel familiar to anyone who knows React and JSX, Iced.rs is inspired by the fantastic Elm in terms of architecture.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts