GitHub - inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
This project is a challenge to rethink virtualization. The goals are... Zero-config virtualization: This library is designed to give the best performance without configuration. It also handles common hard things in the real world (dynamic size measurement, scroll position adjustment while reverse scrolling and imperative scrolling, iOS support, etc). Fast: Natural virtual scrolling needs optimizat
使える軽量なブログを土日で作る
先週末にブログを作りました。 元々あったブログが、環境構築が重かったり依存関係直すのがしんどくなっていたので、もっと小さいブログを作ろうと思い立ちました。 自分は普段フロントエンド書かないので、日曜大工という感じで不慣れながら作ってみて面白かったので今回作ったブログを紹介します。 ブログ：https://ahus.uk/blog これはfaviconに設定してある雅な椀に乗ってるお饅頭のドット絵です 欲しい機能 自分が考えていた最低限欲しい機能を考えていました。 markdownで記事を書ける 元々markdownでブログを書いていたので、移行を楽にするためにもmarkdownで記事を書けるようにしたいです。 ブログ更新するときはmarkdown以外触りたくない markdownだけ書けば記事が更新できるようにしたいですね。 静的なサイトにしたい 静的なサイトにした方が速度やコストやセキュ
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
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
なぜ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