Open Neovim From Your Browser - Integrating nvim with Svelte’s Inspector
Open Neovim From Your Browser - Integrating nvim with Svelte’s Inspector Let’s say you’re doing some web development and you notice that one button you haven’t touched in years has a slight contrast issue. Searching for the relevant component could literally cost you seconds and just thinking about searching for it in your codebase gives you major anxiety? What if I told you, you can just click th
Introducing runes
Introducing runes Rethinking 'rethinking reactivity' The Svelte team Sep 20 2023 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... App.svelte<script> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> clicks: {count} </button> App.svelte<script lang
なぜSvelte風Solid.jsのstoreは作れないか、およびsvelte-store-treeの新バージョンの紹介
For English speakers: I've published the English version of this article, which I translated and combined with the last article in Japanese to reedit. 先ほど、前回紹介した、Svelte用の状態管理ライブラリー、svelte-store-treeの新しいバージョン（v0.3.1）をリリースしました: svelte-store-tree - npm このバージョンでは、APIをSolid.jsのstoreという機能を参考に、ガラッと変更してより使いやすくしました。そこでこの記事では、新しくなったAPIを紹介するとともに、類似のライブラリーとして参考にした、Solid.jsのstoreと比較したいと思います。それを通じて、Svelteのstore
GitHub - open-source-labs/SvelteStorm: SvelteStorm is an open-source IDE with a built-in Debugging window for viewing and debugging your Svelte project in real-time
Click on the 'File' menu button (CTRL+F or CMD+F will also work) in the top-left corner, then open a file or folder to begin editing. When a Svelte project is opened, the File Directory populates with all of the files in that directory. From here, files can be opened, edited, and saved. To use the browser window, start your project (i.e run 'npm start') and a new browser window will open up to the
svelte-store-treeというライブラリーをリリースしました
先日、Svelte用の状態管理ライブラリーをリリースしました: svelte-store-tree - npm 名前の通り、Svelteのstoreという機能について、tree、すなわち木のように入れ子の構造を扱いやすくするメソッドを加えたものです[1]。現在お仕事のアプリケーションで扱っている、複雑な木構造をなるべく素直に扱えるようにするために開発しました。 使い方の例 以降では、こちらで動かせるサンプルアプリにおける、以下のような型を扱います: export type Tree = string | undefined | KeyValue | Tree[]; export type KeyValue = { key: string; value: string; }; いろいろな値を取り得る、再帰的な構造になっていますね。 なお、このサンプルアプリのコードはGitHubにも置いている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sveltekit - Storeからの情報漏洩の可能性について
Svelte Animations Components
Create the Perfect Sharable Rune in Svelte
GitHub - mizchi/qwik-svelte
GitHub - renefournier/molly: Molly safely tidies up unused Svelte components in your project so you can focus on the code you need.
GitHub - TIKramer/svelte-section-list: a headless draggable section list for svelte https://main--transcendent-begonia-7a3d6f.netlify.app/
GitHub - lnfel/lamy-debugbar: The missing Svelte Debugbar, inspired by Laravel Debugbar.
GitHub - ciscoheat/sveltekit-superforms: Making SvelteKit forms a pleasure to use!
GitHub - beerush-id/reactor: Reactive Object for Svelte (Typescript/Javascript)
Svelte Action Balancer
GitHub - square/svelte-store
Never Search For Svelte Components Again
Why I failed to create the "Solid.js's store" for Svelte, and announcing svelte-store-tree v0.3.1
GitHub - oslabs-beta/canopy: A time travelling, component monitoring devtool/Chrome Extension for Svelte developers.
GitHub - qutran/svelte-inspector: Development helper for inspecting and opening svelte components in editor