Best of Svelte — 2023
- 1
- 2
Community Picks·3y
Skeleton — UI Toolkit for Svelte + Tailwind
Skeleton is a UI toolkit for Svelte and Tailwind that allows for the creation of adaptive and accessible interfaces for web apps. It integrates directly with Svelte and SvelteKit's best features and offers interactive components, image filters, and more.
- 3
- 4
Svelte Blog·3y
Introducing runes
Svelte is a web UI framework that uses a compiler to turn declarative component code like this... into tightly optimized JavaScript that updates the document when state likecount changes. The new features are opt-in — your existing components will continue to work. We don't yet have a release date for Svelter 5.
- 5
Announcing Svelte 4
Svelte 4 is mainly a maintenance release, bumping minimum version requirements and tightening up the design in specific areas. The official svelte.dev site has gotten an overhaul. It’s now split into multiple pages with improved mobile nav, overhauled typescript docs, dark mode, and an enhanced REPL.
- 6
Noted·2y
Awwesome - An Enhanced user interface for Awesome Selfhosted
Awwesome is an enhanced user interface for browsing the Awesome Selfhosted GitHub repository. It utilizes Svelte and Tailwind for development and accesses additional information about self-hosted projects through GitHub's GraphQL API.
- 7
ITNEXT·3y
Angular is getting New Template Syntax
Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to improve performance and optimizes list diffing by enforcing tracking. The team is working on an automated migration schematic to convert from the old to the new syntax.
- 8
Announcing SvelteKit 2
SvelteKit 2 is now available, adding support for Vite 5 and a new feature called shallow routing. It has been embraced by the web development community with support from various open source and commercial projects. Upcoming releases will focus on improving support for Svelte 5 and internationalization.
- 9
- 10
Introducing the Vercel AI SDK – Vercel
The Vercel AI SDK is an open-source library designed to help developers build conversational, streaming, and chat user interfaces in JavaScript and TypeScript. The SDK supports React/Next.js, Svelte/SvelteKit, with support for Nuxt/Vue coming soon.
- 11
How I Made My App 2.4x Faster Switching to Svelte
Svelte Kit makes it intuitive to be fast for server side rendering, lazy loading, pre-render, and less javascript Origin. It's a small NX project with a couple of Angular/Firebase applications. The 100s are a rewrite of the app using SVELte Kit.
- 12
DEV·3y
Why not React?
React’s streaming has interesting flaws, and the official RSC implementation ain’t exactly fast Low-end devices remain stubbornly stagnant. The intro became more relevant than I could have possibly known when I wrote it. I once planned a rewrite, but I’m burnt out and can't be arsed.
- 13
svelte.dev: A complete overhaul
svelte.dev: A complete overhaul of the old website. The new site comes with accessibility fixes, new features and bottom navbar. The website now has a dark mode toggle, which is also synced with your OS's dark mode settings. It was reimplemented to upgrade to CodeMirror 6.
- 14
LogRocket·3y
Building a multi-framework dashboard with Astro
Building a multi-framework dashboard with Astro can be a powerful and efficient way to create complex and versatile software. As software systems and requirements evolve, it may become necessary to migrate to a new framework or set of frameworks. Using Astro, developers can easily integrate multiple frameworks, allowing them to take advantage of the best features of each.
- 15
- 16
asayer·3y
Svelte vs. Vue -- A Comparison
Svelte is a new and free framework of JavaScript used to build interactive websites. VueJS is a framework for frontend web applications that’s JavaScript-based as well as a Model-View-controller based. It makes use of a virtual DOM to ensure performance, like no virtual DOM (just the real DOM!), less code, and real reactivity.
- 17
builder.io·3y
SvelteKit Routing : A Visual Guide
SvelteKit employs a file-system-based routing mechanism, where URL paths in the browser are determined by files and folders in the codebase. To create a route for the root URL, follow these steps: Create a folder, create a file and expand the folder. For a fresh start, delete the folder.
- 18
Medium·3y
Single Rust Binary with Vite+Svelte
Single Rust Binary with Vite+Svelte can be easily packaged in a container image using docker or podman. In production you will probably want to specify a specific origin, but for our sample this will do for now. Our Rust web server is now ready to host the static web files from the directory.
- 19
My Take on a Unified Theory of Reactivity
My Take on a Unified Theory of Reactivity: I want to share my understanding of the current reactivity approaches and landscape. I think there are fundamentally three approaches to reactivity that we have seen in the industry thus far: Value-based; that is, dirty-checking.
- 20
Unveiling the Magic: Exploring Reactivity Across Various Frameworks
React can be broadly defined as the automatic update of the UI due to a change in the application's state. The framework does not need to execute any code and knows exactly which DOM nodes need to be updated. In real-world applications, the state, event, and binding are not always in the same component.
- 21
Exploring Million.js, a high-performance web framework
Million.js is a minimalistic JavaScript framework designed to handle DOM elements efficiently. Million.js uses a granular approach by updating only the necessary parts of the DOM. The Block virtual DOM is based on the concept of Blockdom, which facilitates virtual DOM diffing for re-rendering the actual DOM.
- 22
- 23
- 24
- 25
