タグ

ブックマーク / svelte.dev (15)

  • Svelte 5 is alive

    After almost 18 months of development, comprising thousands of commits from dozens of contributors, Svelte 5 is finally stable. It’s the most significant release in the project’s history. Svelte 5 is a ground-up rewrite: your apps will be faster, smaller and more reliable. You’ll be able to write more consistent and idiomatic code. For newcomers to the framework, there’s less stuff to learn. Despi

    Svelte 5 is alive
    efcl
    efcl 2024/10/23
    Svelte 5リリース。 runeのサポート、イベント属性の渡し方の変更、Slotの作成方法の変更、コンポーネントはClassではなくなり`new`できないように変更など
  • Svelte 5 Release Candidate

    Svelte 5 is now in the Release Candidate phase. This means that the design of the framework is largely settled, with no anticipated breaking changes between now and the stable release, and that the most egregious bugs have been stomped. It doesn’t mean that it’s ready for production, or that nothing will change between now and 5.0. But if you’ve held off on dabbling with Svelte 5 during the public

    Svelte 5 Release Candidate
    efcl
    efcl 2024/05/03
    Svelte 5 RCリリース。 runesの追加、Snippetsの追加、イベントハンドラーの記述方法の変更など。
  • Announcing SvelteKit 2

    Version 2.0 of SvelteKit, the official framework for building apps with Svelte, is now available. It is an incremental release that adds support for the newly-released Vite 5 along with a bevy of small improvements and one much-requested feature. If you’ve been paying close attention to Svelte in recent months, you’ll know that we’ve been hard at work on Svelte 5, which is possibly the most antici

    Announcing SvelteKit 2
    efcl
    efcl 2023/12/15
    SvelteKit 2リリース。 `load`関数でのPromisesの扱いに一貫性を持たせるように、`paths.relative`をデフォルトで`true`に変更、`dangerZone.trackServerFetches`を削除など
  • Introducing runes

    In 2019, Svelte 3 turned JavaScript into a reactive language. Svelte is a web UI framework that uses a compiler to turn declarative component code like this... <script> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> clicks: {count} </button><script lang="ts"> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> cli

    Introducing runes
    efcl
    efcl 2023/09/22
    Svelte 5はrunesという`$state`/`$derived`/`$effect`といったマクロを使いreactiveなステート管理を実現するという話。 `$:`のラベルでのReactiveではアプリケーションが複雑になるとどれがReactiveなのかがわからなくなる問題があったため
  • Announcing Svelte 4

    After months in the making, we’re excited to announce the stable release of Svelte 4. Time flies - Svelte 3 was released more than four years ago! In JavaScript-framework-time, that’s eons. Svelte’s freshness has persisted throughout, but Node.js and browser APIs have evolved during that time and today we’re updating Svelte to take advantage of some of these improvements. Svelte 4 is mainly a main

    Announcing Svelte 4
    efcl
    efcl 2023/06/23
    Svelte 4リリース。 Node.js 14のサポート終了、CJSの出力は廃止しESMのみをサポートするように、Custom Elementsの対応を`tag`オプションから`customElement`オプションに変更。 生成するファイルサイズの削減、ウェブサイトのドキュメ
  • Announcing SvelteKit 1.0

    After two years in development, SvelteKit has finally reached 1.0. As of today, it’s the recommended way to build Svelte apps of all shapes and sizes. We’re so excited to share this release with you. It’s the culmination of thousands of hours of work, both from the Svelte core team and the wider community, and we think it’s the most enjoyable way to build production-grade websites, whether you’re

    Announcing SvelteKit 1.0
    efcl
    efcl 2022/12/15
    SvelteKit 1.0リリース。
  • What's new in Svelte: January 2022

    What's new in Svelte: January 2022 Faster builds with SvelteKit and a much anticipated REPL feature Dani Sandoval Jan 1 2022 Happy new year, Svelte Community! Lots to share this month across Svelte, SvelteKit, Language Tools and the Showcase. Thanks to everyone who made 2021 a great year to use Svelte. Looking forward to the next one 🚀 What's new in SvelteKitpermalink @sveltejs/adapter-static for

    What's new in Svelte: January 2022
    efcl
    efcl 2022/01/02
    開発中のSvelteKitの変更点について。 `precompress`オプションでのbrotli圧縮のサポート、`config.kit.prerender.concurrency`オプションを追加、CSSをJSより優先してpreloadするように。 Vite 2.7へのアップデート、設定を変更したときにサーバ
  • What’s the deal with SvelteKit?

    If you attended Svelte Summit last month you may have seen my talk, Futuristic Web Development, in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0? The answer: never. This was slightly tongue-in-cheek — as the talk explains, it’s really more of a rewrite of Sapper coupled with a rebrand — but it raised a lot of new questions from

    What’s the deal with SvelteKit?
    efcl
    efcl 2020/11/08
    Svelte上に作られているNext.jsライクなSapperがSvelte自体に統合されSvelteKitとなる予定について。 RollupとSnowpackを使ったモジュール単位のビルド方式となり、Adaptorによって各種プラットフォームに対応した形でアプリを生成でき
  • Svelte <3 TypeScript

    It’s been by far the most requested feature for a while, and it’s finally here: Svelte officially supports TypeScript. We think it’ll give you a much nicer development experience — one that also scales beautifully to larger Svelte code bases — regardless of whether you use TypeScript or JavaScript. Image of TypeScript + Svelte in VS Code (theme is Kary Pro.) Try it nowYou can start a new Svelte Ty

    Svelte <3 TypeScript
    efcl
    efcl 2020/07/23
    SvelteのTypeScriptサポート。 テンプレートにTypeScriptで書けるようになり、型チェックが行える。 エディタはLSPを使ったサポートを実装している
  • Virtual DOM is pure overhead

    If you’ve used JavaScript frameworks in the last few years, you’ve probably heard the phrase ‘the virtual DOM is fast’, often said to mean that it’s faster than the real DOM. It’s a surprisingly resilient meme — for example people have asked how Svelte can be fast when it doesn’t use a virtual DOM. It’s time to take a closer look. What is the virtual DOM?In many frameworks, you build an app by cre

    Virtual DOM is pure overhead
    efcl
    efcl 2019/05/23
    Virtual DOMのoverheadについての主張
  • Svelte 3: Rethinking reactivity

    Svelte 3: Rethinking reactivity It's finally here Rich Harris Apr 22 2019 After several months of being just days away, we are over the moon to announce the stable release of Svelte 3. This is a huge release representing hundreds of hours of work by many people in the Svelte community, including invaluable feedback from beta testers who have helped shape the design every step of the way. We think

    Svelte 3: Rethinking reactivity
    efcl
    efcl 2019/04/23
    コンパイル前提のUIフレームワークであるSvelte 3リリース。 今までの仕組みを書き直したため、テンプレート構文、API、ウェブサイトが変更されている。 変更検知の仕組みが大きく変わり、`set` APIではなく、reactiveな変数を`
  • Svelte v2 is out!

    efcl
    efcl 2018/04/22
    Svelte 2リリース。 テンプレートで`{{}}`ではなく`{}`を採用、マイグレーションツールの公開、Computed propertiesの引数がオブジェクトに、`component.get`の返り値の変更。 また`oncreate`/`ondestroy`のライフサイクルを追加など
  • Sapper: Towards the ideal web app framework

    Quickstart for the impatient: the Sapper docs, and the starter template If you had to list the characteristics of the perfect Node.js web application framework, you’d probably come up with something like this: It should do server-side rendering, for fast initial loads and no caveats around SEO As a corollary, your app’s codebase should be universal — write once for server and client The client-sid

    Sapper: Towards the ideal web app framework
    efcl
    efcl 2018/01/09
    SvelteベースのNext.js的なフレームワークであるSapperについて。 それぞれのページがSvelteのコンポーネントとなる。 元々フレームワークからではなくコンパイラとして始まったSvelteと他のフレームワークとの違いについて
  • The zen of Just Writing CSS

    It’s fashionable to dislike CSS. There are lots of reasons why that’s the case, but it boils down to this: CSS is unpredictable. If you’ve never had the experience of tweaking a style rule and accidentally breaking some layout that you thought was completely unrelated — usually when you’re trying to ship — then you’re either new at this or you’re a much better programmer than the rest of us. So th

    The zen of Just Writing CSS
    efcl
    efcl 2017/09/08
    CSS in JSとは異なるアプローチでのカプセル化。 CSS in JSでの典型的な問題点について
  • Svelte • The magical disappearing UI framework

    Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development. But don’t take our word for it. Developers consistently rank Svelte as the framework they’re most excited about using.

    Svelte • The magical disappearing UI framework
    efcl
    efcl 2016/12/01
    Vueなどに似た書き方をするコンパイル前提のUIフレームワーク。 変換後はただのDOM APIを使ったJavaScriptになり、ランタイムとしてのライブラリ読み込みが不要となる。
  • 1