TL;DR Here is a template for your new web app project: Svelte + TypeScript + Parcel + Rust
The web is a big open platform that keeps evolving with the URL at its core.
We have a lot of tech and frameworks at our disposal to chose when starting a new web app in 2020.
There certainly is a lot of mud to crawl into, from an all-in vanilla JS approach up until an all-out React with a 100+ dependencies approach.
Among these there are a few cool things that strike my attention:
Their component approach and state handling is fresh.
They lean towards using standards like CSS Variables and JS imports in an HTML first compiled approach.
The Svelte compiler outputs very lean JS code. Which comes in stark contrast with the current frontend bundle trends.
Perhaps in the future browsers will provide us higher-level components that can pack together HTML+JS+CSS in a way that is at least as elegant as Svelte does.
Most bundlers configuration is typically write-once and write-only. It is a pain to maintain and properly configure a bundle.
Parcel does it right by providing sane defaults that don't need configuration upfront. (A bit like the fish shell )
Why is a bundler needed if Svelte already has a compiler ?
A bundler like Parcel provides the extra goodies of allowing us to import strange files directly in our
Stuff like TypeScript and even Rust become a breeze to work with.
Perhaps in the future bundlers won't be needed. Perhaps even text files won't be needed to code. Unfortunately we need them in our current state of things.
Perhaps in the future startups will again push towards dynamic languages as a way to bring faster products to market and the "Move fast, break things" will make sense again. But for now static is the way to go.
Rust has a lot of good things. It appeals the front-end crowd as much as the backend people and the language is leveraging those windows of opportunity much better than any other language or community.
Wasm bindgen is a bliss of fresh air, it even works very well with TypeScript.
This is a total game changer for the next years. As a compile target it will allow near native performance and open the door for a lot of programming languages to be used on the web.
A new era of web apps is coming thanks to Web Assembly. It is hard to forsee what exactly will this be.
There are nevertheless a few cool extensions already being worked on for it:
- 128-bit SIMD
- Ref. Types
- Multiple value returns and block parameters
- Bulk Memory Operations
- Non-trapping float-to-int convertions
- Sign-extension ops
- Exception handling
- Extended name section
- Garbage Collection
Web development is going to be a very different beast in a few moments in time. Lets enjoy the ride.
I have fetched some ideas from a few repos and forked them into a ready to use template you can start your projects with.
Check it out.
If you find this post intriguing or inspiring, then I invite you to take a closer look at Lottielab, an animation web app.
We've just released LottieLab on ProductHunt, and your support would mean a lot to the whole team.
Whether it's a thoughtful comment or a simple thumbs-up, your feedback can help others discover what we've been passionately working on. Engage with us on ProductHunt, share your insights, and let's continue to push the boundaries of 2D animation together.