Best of WebAssembly — August 2024

1. 1
   Article

   asayer·2y

   Yew: The Top Rust Front End Framework for 2024

   Yew is a prominent Rust front-end framework in 2024, prioritizing speed and reliability through WebAssembly. It features a component-based architecture and seamless interoperability with JavaScript, making it a viable alternative to traditional JavaScript frameworks. The post guides building a to-do list app with Yew, delving into setup, integration with backend APIs, and performance benefits. While Yew offers substantial advantages in type safety and performance, it does require a steep learning curve and has a smaller ecosystem compared to established JavaScript frameworks.

   77

   4
2. 2
   Article

   Quastor Daily·2y

   How Notion Decreased Latency by 20% with Caching

   Notion achieved a 20% improvement in page navigation speeds by implementing SQLite for client-side caching in their browser application. They used a 'SharedWorker' architecture with WebAssembly to overcome issues like SQLite corruption and slow disk reads/writes. The solution included utilizing web locks to prevent multiple writers and a SharedWorker to manage active tab writes, resulting in optimized caching performance.

   66

   1
3. 3
   Article

   Quastor Daily·2y

   How Notion Decreased Latency by 20% with Caching

   Notion boosted page navigation speed by 20% on its website by implementing client-side caching using SQLite and WebAssembly. They utilized a 'SharedWorker' architecture to handle data writing, resolving issues related to database corruption and slow disk reads. This approach significantly improved user experience without regressing other performance metrics.

   42

   1
4. 4
   Article

   Google Developers·2y

   How We Built Purrfect Code: A Puzzle Game for Developers

   Purrfect Code is a box-pushing programming puzzle game designed for developers, built using Flutter, Dart, and the Flame game engine. Players use JavaScript to control a robot navigating grid-based puzzles to achieve efficient solutions. The game leverages WebAssembly for optimal browser performance and integrates with Google Developer Program for achievements. Firebase Hosting ensures secure and efficient global delivery. Project IDX was utilized for cloud-based development, offering features like intelligent code completion and real-time error checking.

   35

   1
5. 5
   Article

   Hacker News·2y

   nicbarker/clay: High performance UI layout library in C.

   Clay, a high performance 2D UI layout library in C, offers microsecond layout performance and a flex-box like model. It features zero dependencies, Wasm support, static arena-based memory usage, and a renderer-agnostic output. The library can compile to a 15kb uncompressed .wasm file for browser use, and it supports nested declarative syntax and various UI element macros like containers, text, images, and more. Additionally, it provides simple APIs for pointer interactions and scroll container handling. Clay was designed for immediate mode rendering but can also be integrated into retained mode systems using its API for visibility culling and custom elements.

   30

   1