Rewrite in Svelte and Rust #7

New issue

Open

opened 2025-08-25 02:13:22 +02:00 by VityaSchel · 0 comments

VityaSchel commented

2025-08-25 02:13:22 +02:00

(Migrated from github.com)

Something to refer to in the future.

I'm currently learning Rust and have been using Svelte for almost a year now so I'm sure both will only bring benefits to this project.

Removing React and Material UI significantly decreases number of dependencies (which is always a good thing):

@emotion/react
@emotion/styled
@mui/icons-material
@mui/lab
@mui/material
classnames
formik (Svelte has amazing form management built-in)
immer (Svelte is signal-based with deep reactivity, not hook-based)
react-router (Svelte has client-side router built-in)
react & react-dom will be replaced by svelte & svelte-kit
react-helmet-async
Potentially sass-embedded because CSS nesting has been baseline available since 2023 and there aren't many complex styles that require having scss preprocessor, Svelte also has top tier built-in support for css modules (per component styles)
eslint-plugin-react-hooks & eslint-plugin-react-refresh will be replaced by svelte-specific prettier and eslint plugins

As for the backend it will be much faster and lightweight, that's about it.

Something to refer to in the future. I'm currently learning Rust and have been using Svelte for almost a year now so I'm sure both will only bring benefits to this project. Removing React and Material UI significantly decreases number of dependencies (which is always a good thing): - @emotion/react - @emotion/styled - @mui/icons-material - @mui/lab - @mui/material - classnames - formik (Svelte has amazing form management built-in) - immer (Svelte is signal-based with deep reactivity, not hook-based) - react-router (Svelte has client-side router built-in) - react & react-dom will be replaced by svelte & svelte-kit - react-helmet-async - Potentially sass-embedded because CSS nesting has been [baseline available](https://caniuse.com/css-nesting) since 2023 and there aren't many complex styles that require having scss preprocessor, Svelte also has top tier built-in support for css modules (per component styles) - eslint-plugin-react-hooks & eslint-plugin-react-refresh will be replaced by svelte-specific prettier and eslint plugins As for the backend it will be much faster and lightweight, that's about it.