This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Virtual DOM を使ったフロントエンドライブラリである deku のバージョン1.0がリリースされたようなので使ってみます。 インストール Browserify と Babel を使うのでインストールします。 JSX のためのプラグインもいれて起きます。 deku だけでなく virtual-element も必要です。 $ npm install -g browserify $ npm install -D babelify babel-preset-es2015 babel-plugin-transform-react-jsx $ npm install -S virtual-element deku Hello, World! まずは Hello, World! から // a.js import { render, tree } from 'deku'; import el
Virtual DOM is awesome. It allows us to express our application's view as a function of its state. But existing solutions were way too bloated, too slow, lacked features, had an API biased towards OOP , and/or lacked features I needed. Snabbdom consists of an extremely simple, performant, and extensible core that is only ≈ 200 SLOC. It offers a modular architecture with rich functionality for exte
micro-perf: rename immediate to queue scheduler (fe56b28), closes #1040 micro-perf: use the correnct scheduler on current-thread tests (3dff5eb) operators: emit declarations for patch modules (676f82d) test: make explicit unsubscription for observable (7f67b09) test: make explicit unsubscription for observable (65e65e2) window: fix window() to dispose window Subjects (5168f73) windowCount: fix win
TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality. Tips & tricks Keep it short. We recommend not having more than
import * as React from "react"; import {Flux, Component} from "flumpt"; import {render} from "react-dom"; class MyComponent extends Component { componentDidMount() { this.dispatch("increment"); } render() { return ( <div> {this.props.count} <button onClick={() => this.dispatch("increment")}>increment</button> </div> ); } } class App extends Flux { subscribe() { // `subscribe` is called once in con
Long long ago, in a computer not that far away, there was a timeline, with many points on it. A young researcher tried to annotate all those points and struggled to place labels without overlaps. Placing them manually is the last thing he wanted to do. He spent a lot of time trying different methods without success, until he tapped into the force. Since then, whenever someone asks him how to place
Unopinionated utilities for resizeable split views. Zero Deps Tiny: Each is between 1-2kb gzipped. Fast: No overhead or attached window event listeners, uses pure CSS for resizing. Unopinionated: Only compute view sizes. Everything else is up to you. Two utilities: Split.js - The original library, maintained since 2014, works with float and flex layouts. Supports all browsers. Split Grid - Success
Pinia is now the new default The official state management library for Vue has changed to Pinia. Pinia has almost the exact same or enhanced API as Vuex 5, described in Vuex 5 RFC. You could simply consider Pinia as Vuex 5 with a different name. Pinia also works with Vue 2.x as well. Vuex 3 and 4 will still be maintained. However, it's unlikely to add new functionalities to it. Vuex and Pinia can
概要 先日とある案件でVue.jsを用いたアプリケーションを開発することとなりました。 一般に同種のフレームワークと比較してVue.jsは、学習コストが低く気軽にはじめやすいということがメリットとして語られています。 ただ、今回の案件のようにMVC系フレームワークを用いて開発する際にネックとなっていたのが、コンポーネント間のデータ共有についての最適解が見つけられていないと感じていたことでした。 もちろん、適切にモデルを設計すればコンポーネント間のやり取りに責任を持つ、親コンポーネントとでもいうべき層を実装することでこの問題は解決できると思います。 しかし実案件では往々にして親コンポーネント層の実装が個々人の裁量に陥りやすく、結果的にコンポーネント間データ共有の方式が統一出来ていないケースも出てきてしまいました。 コンポーネント間で共有したいデータ=アプリケーションの本質となるデータは、もっ
この記事は、Vue.js Advent Calender 2015 1日目の記事です。 みなさん、VueServer.js というのをご存じでしょうか? この記事では、軽く VueServer.js についてゆるい感じで紹介したいと思います。また、最後に Express に組み込んだデモ的なものを紹介したいと思います。 VueServer.js とは? VueServer.js は、その名のとおり、Vue.js で作ったコンポーネントを、サーバサイドでも動作させることができるオープンソースなライブラリです。 Vue.js は React.js の Virutal DOM とは違って、直に DOM を利用してレンダリングしているため、サーバサイドで動作させるには、 jsdom: DOM エミュレーションライブラリ phantomjs: ヘッドレスブラウザ Prerender.io: Pre-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く