Best of Svelte — October 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    I Built a Study Timer to Improve My Focus

    Tomatillo Timer is a free, ad-free Pomodoro app built to enhance study focus. It utilizes configurable Pomodoro sessions combined with other techniques to improve concentration. Developed using technologies like Svelte 5, Valibot, Pico CSS, and Tiptap, the app aims to help users stay on task despite distractions. The developer also introduces Flotes, a Markdown note-taking app, and plans to create a productivity-focused Discord channel.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    10 game-changing tools that level up Svelte developers in 2025 💪

    The post highlights ten game-changing tools for Svelte developers in 2025, each tailored to enhance productivity and maintain simplicity. From Warp's modern terminal to Skeleton's comprehensive design system, these tools are aligned with Svelte's core philosophy. Other notable mentions include Manifest for backend integration, Superforms for streamlined form management, and Svelte Headless UI for flexible, unstyled components. Tools like Layer Cake, Hoppscotch, Svelte Heros, Carta, and Elder.js also make the list, each contributing to a more efficient and streamlined development workflow.

  3. 3
    Article
    Avatar of trendyoltechTrendyol Tech·2y

    From Monolith to Micro Frontends: The Power of Vite and Svelte

    The post details the transition of Trendyol's Ad Management application from a monolithic to a micro frontend architecture using Svelte and Vite. It explains the reasons behind the change, the challenges faced, and how these were overcome. The team focused on improving scalability, velocity, flexibility, and CI/CD processes. They implemented Module Federation with Vite and ensured shared components were manageable through npm packages. The post also addresses caching issues and communication between microapps using Svelte stores.

  4. 4
    Article
    Avatar of svelteSvelte Blog·2y

    What's new in Svelte: October 2024

    The latest updates in Svelte include significant improvements such as better SSR support for 'each' blocks, a callstack for debugging infinite loops, smaller bundle sizes for projects using '@sveltejs/enhanced-img', and new a11y warnings for certain elements. Additionally, Svelte 5 introduces the ability to manually instantiate legacy components asynchronously and deprecates the '<svelte:self>' in runes mode. SvelteKit also adds support for typed arrays in 'load' functions and improves intellisense through the 'Component' interface.

  5. 5
    Article
    Avatar of svelteSvelte Blog·2y

    The Omnisite

    The launch of Svelte 5 and the new sv CLI comes with a redesigned, unified website under the svelte.dev domain. This consolidation resolves issues such as inconsistent navigation, broken links, and isolated preferences across different sites. The updated site features a calm, cohesive layout, with a simplified color palette, improved button styles, and a new typographic approach using serif fonts to enhance readability and distinctiveness. The site is now open source, inviting community contributions.

See all Svelte archives