PreactにSignalsがきた - console.lealog();

2022/09/07 15 users Signals SIGNAL SOLID import ＡＤＤ

Signals – Preact Guide 端的にいってしまうと、Solidのソレとほぼ同様の体験でコードが書けるようになる・・・！ まずはコード // store.js import { signal } from "@preact/signals"; export const count = signal(0); export const add = () => count.value++; // Counter.jsx import { count, add } from "./store.... 続きを読む

Cloudflare Pages + Functions + Workers KV + vite + preactで簡単なページを作った

2021/11/29 19 users Functions vite ルーレット リポジトリ 都度

今回作ったページは下記。 https://haropuro-shuffle.pages.dev/ 元ネタ リポジトリ YuheiNakasaka/haropuro-shuffle 簡単なルーレットアプリ。ルーレットで出た結果をWorkers KVに保存。保存された文字を都度更新して表示(リアルタイムではない)。結果が1000件を超えるとクリアされる。 開発の流れ Workers KVの設定 vi... 続きを読む

preactの仕組みを理解する軽量版教育用preactを作ってる話 - Speaker Deck

2020/11/06 18 users Transcript Speaker Deck サブセット

Transcript 仮想DOMの仕組みを理解する 軽量版教育用 preact 〜俺の React、oreactを作った話〜 Yuta Ide (@sadnessOjisan) #new_style_study 自粛期間にしていたこと ❑ preact 読んでた https://blog.ojisan.io/preact-reading preact とは ❑ 軽量版React, Reactのサブセット ❑ React と異なる実装だが、同一の機能・同... 続きを読む

React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js | コリス

2020/07/15 187 users JSON React angular コリス Vue

高性能なテーブルを実装できる、シンプルで軽量のJavaScriptライブラリを紹介します。HTMLテーブル、ページネーション、検索機能、ソート機能、XMLやJSONからインポートなどに対応しています。 React、Angular、Preact、Vueなどの主要なフレームワークのプラグインとして動作するだけでなく、フレームワークなしのバニラ... 続きを読む

省ビルドサイズ要求環境でモダンフロントエンドをやる (主に preact の話) - mizdev

2020/06/26 24 users mizdev ツールチェイン モダンフロントエンド 外部 環境

モダンフロントエンド = 宣言的 UI = 仮想 DOM ターゲット npm ツールチェインが使えない環境で、パフォーマンスを悪化させずにモダンフロントエンドをやりたい人 サードパーティスクリプトを提供する人 方向性 省ビルドサイズを目指す とくに外部から読み込まれる 3rd party script は、サイズ要求が厳しい lighthouse ... 続きを読む

JavaScriptやCSSを読み込むローダーライブラリをES Modulesとして読み込む | Web Scratch

2020/04/05 18 users ES Modules CSS component 今どき

今どきのnpmパッケージはUNPKGやPika CDNを使えば、ES Modulesとして直接import文読み込めることがあります。 たとえばPreactなら、次のようにUNPKG経由で直接モジュールをインポートできます。 <script type="module"> import { h, Component, render } from 'https://unpkg.com/preact?module'; // Create your app co... 続きを読む

ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable | コリス

2019/10/16 49 users React angular コリス Vue スナップ

ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作できるようにするJavaScriptライブラリを紹介します。 単体で利用でき、React, Preact, Angular, Vueにも対応しています。 Moveable -GitHub Moveableの特徴 Moveableのデモ Moveableの使い方 Moveableの特徴 Moveableは... 続きを読む

2018 年は Hyperapp の年だ - Qiita

2017/12/27 348 users Qiita React hyperapp Vue ライブラリ

この投稿は Increments Advent Calendar 2017 の14日目の記事だった。 Hyperapp という JavaScript ビューライブラリを自作しているので、その説明と作った理由について話す。 Hyperapp とは？ Web アプリのフロントエンド用 JavaScript ライブラリ。React, Preact, Vue といった代表的なものよりもずっと小さく、1 K... 続きを読む

Redux & Typescript typed Actions with less keystrokes

2017/09/13 39 users redux React Speaker TypeScript

Jedi Knight. founder of @ngPartyCz, author of ng-metadata, Speaker, Trainer, Community Leader #js #typescript #rx #webcomponents #react #preact #angular Redux & Typescript typed Actions with less keys... 続きを読む

仮想DOMの内部の動き | プログラミング | POSTD

2017/02/09 239 users React POSTD 仮想DOM ライブラリ プログラミング

仮想DOM（VDOMあるいはVNode）は魅力的です。しかし複雑で、理解が難しいものでもあります。ReactやPreact、その他同様のJSのライブラリでは、これをコアで使っています。この記事では、Preactにおける仮想DOMの動きを解説しています。PreactでVDOMがどのように機能するかを示すフローチャート 仮想DOM（VDOMあるいはVNode）は魅力的です✨　しかし複雑で、理解が難しい... 続きを読む