ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フレームワーク - Reactの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2015/09/16

Winterfell - React用。JSON Schemaを使ったフォームビルド&入力チェック

JSON Schemaと呼ばれる入力の検証であったり、ドキュメント生成にも使われる技術に注目が集まっています。とはいえ、JSON Schemaをわざわざ作成して運用するのは面倒と言ったイメージもあるでしょう。そこでもっとJSON Schemaを使えるライブラリを利用するようにしましょう。今回はReactアプリで使えるW...

List

  • 2015/08/22

Redux DevTools – Diff Monitor - Reduxと組み合わせる状態ビジュアル化ツール

Reactが流行っていますが、より大きなソフトウェアを開発する場合には単にReactを使うだけでなく、Fluxと言われるアーキテクチャで構築するのが推奨されています。Redux

List

  • 2015/08/18

React MineSweeper - React製のマインスイーパー

ReactはJavaScript向けのビューライブラリですが、変更点を気にせずに全面的に画面を書き換えるように処理を書きつつ、その差分を検知して最小限の変更に済ませてくれるのが特徴となっています。その結果として作られたのがReact MineSweeper

List

  • 2015/08/08

Show me the React! - Reactを使っているサイトが一目で分かる!

Reactでの開発を学ぶ上で、既存のReactを利用しているサイトを見てその内容を把握するのは良い材料になるでしょう。しかし表面上はDOMを出力しただけなのでReactを使っているのかどうかは分かりづらいです。そこで使ってみたいのがShow me the React!

List

  • 2015/08/07

React Lessons - Reactの使い方を学ぼう

プログラミング言語やフレームワークの学習は実際に手を動かして自分でコードを書いてみるのが一番です。とはいえ、ゼロから自分ではじめるのは難しく、本を買ったりWebサイトでチュートリアルを読んだりするかと思います。今回はReactを学ぶためのチュートリアルソフトウェア、React Lessonsを紹介します。React L...

List

  • 2015/07/27

Spectacle – React製のプレゼンテーションツール

Reactが流行っていることもあって、既存の仕組みをReactで再実装し直す試みが増えています。既にある題材を使えばアイディアに困りませんし、Reactの向き不向きを感じることもできるでしょう。今回はReactを使ったスライドツール、Spectacleを紹介します。アニメーションもサポートし、Reactでプレゼンが行え...

List

  • 2015/05/20

Cape.JS - Virtual DOMをサポートしたJavaScriptフレームワーク

Reactに注目が集まっているのは特にVirtual DOMによるところが大きいのではないでしょうか。JavaScript側ではとにかく必要な部分全体をレンダリングしてしまって、実際の描画についてはReactに任せられるのがメリットです。そんなReactと同じくVirtual DOMをサポートしたJavaScript ...

List

  • 2015/03/09

md2react - React用Markdownレンダー

最近注目が集まりはじめているReact。特に良さそうなのがViewを抽象化しているのでReact CanvasやReact Nativeのような使い方へ発展している点です。困難はありそうですが面白そうな取り組みです。今回はそんなReactを使ってMarkdownをレンダリングするmd2reactを紹介します。Markd...