[B! React.js] kana321のブックマーク

kana321 id:kana321

React.jsに関するkana321のブックマーク (24)

Reactがなぜ素晴らしいのか
詳しくはこちらへ → https://www.facebook.com/groups/toretatech/
kana321 2015/03/20
programming

react

react.js

あとで読む

ifttt, twitter

content

javascript

reactjs

slide

*プログラミング
リンク
入門 React
Facebookが開発したJavaScriptライブラリ﹁React﹂の解説書。本書では、サンプルアプリケーションを用いてReact.jsのすべての側面を解説します。﹁第I部基礎﹂でReactコンポーネントの作成と合成を学び、Reactの基本的な使い方を理解します。﹁第II部応用﹂ではワンランク上のコンポーネント作成について学びます。﹁第III部ツール﹂ではReactと共に使用して堅牢なアプリケーションを実装するためのツールについて学びます。最後の﹁第IV部実践﹂では大規模なアプリケーション開発に必要な知識やWeb以外のユースケースについて解説します。読者はコンポーネントベースの最新のフロントエンド開発についての体系的な知識と技術を身につけることができます。日本語翻訳版の本書ではReactの開発環境の構築手順とAPIリファレンスを巻末付録として収録。目次まえがき第I部　基礎
kana321 2015/03/18
入門 React――コンポーネントベースのWebフロントエンド開発

react.js

japan

selenium

api

React

JavaScript

book

o'reilly

books

あとで読む
リンク
React.js 実戦投入への道 - Qiita
最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では﹁どちらもあきらめない﹂という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実しているので、始める際はぜひQuick Startのドキュメントに目を通すことをお勧めします。 Getting Started Tutorial Thinking in React 後述しますが、Reactを使ってアプリケーションを作る際の設計方法についての記載が
kana321 2015/03/16
JavaScript

*Programming

React.js

tutorial

React

component

FLUX

あとで読む

pocket2twitter

dom
リンク
GitHub - naoya/sukushokun
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kana321 2015/03/15
react.js

naoya

wktkblog

スクリーンショット

React

Heroku

あとで読む

service

screenshot

OSS
リンク
React.jsの最新版「React v0.13」リリース。ECMAScript 6のClassをサポート、Reactをさらに高速にしていくと宣言
React.jsの最新版﹁React v0.13﹂リリース。ECMAScript 6のClassをサポート、Reactをさらに高速にしていくと宣言 Reactは仮想DOMと呼ばれる仕組みによって高速にHTMLの動的な書き換え機能などを提供し、Webアプリケーションのフロントエンド部分の構築を支援してくれるJavaScriptライブラリです。 React v0.13では、Reactコンポーネントの作成にECMAScript 6のClassが使えるようになり、Reactが提供するクラスシステムを使わなくともJavaScriptだけで記述できるようになりました。 Reactエレメントのコピーを作成するAPIなどの新機能を追加したほか、いくつか過去のバージョンとの互換性がなくなる部分もあるため、発表文などで変更の内容を確認するとよいでしょう。また、この発表の中でReactは今後さらに高速化を行っ
kana321 2015/03/12
ECMAScript 6のClassをサポート、Reactをさらに高速にしていくと宣言

publickey

react

javascript

あとで読む

react.js
リンク
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo!Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃色々試して
kana321 2015/03/04
DOM

javascript

HTML

react.js

react

ajax

あとで読む

js

フレームワーク

web制作
リンク
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村和仁︵株式会社ピクセルグリッド︶本記事は、2015/2/21に行われたFrontrend Conferenceの﹁Introduction To React﹂の内容を紹介します。当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、﹁AJavaScript library for building user interfaces﹂とあるように、R
kana321 2015/03/04
facebook

()

JavaScript

React.js

react

あとで読む

flux

JS

backbone.js

reactjs
リンク
いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！【前編】
対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM︵Document Object Model︶のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し
kana321 2015/02/26
js

reactjs

フレームワーク

react

あとで読む

react.js

フロントエンド

javascript

DOM

jQuery
リンク
Reactive Programming in JavaScript
- + 最近の小学校では、「お父さん・お母さんの名前をグーグルで検索してみましょう」という、世にも恐ろしい授業があるらしい。・・・。 — 丹　洋介 (@yosuke_tan) January 25, 2015
kana321 2015/02/23
reactive programming

javascript

reactive

FRP

ECMAScript

programming

ReactiveProgramming

react.js

react

reactjs
リンク
Fluxフレームワーク Arda が気になる10の理由 - Qiita
Help us understand the probl em. What is going on with this article? どうも、@armorik83です。Fluxフレームワーク"Arda"、皆さんご存知ですか?概念や思想を含めて大々的に発表されたのは、おそらく2015年2月16日︵記事掲載時点でおととい︶という新たなOSSです。開発者は@mizchi氏。Qiitaの中の人 (Kobito)、魂が震えてる人、Reactの人として有名かと思いますが、個人的にはAngularJSが嫌いな人という認識です。今回、そんなmizchiさんが開発されたフレームワーク"Arda"をあえて取り上げたい衝動に駆られたので、興味のある方はお付き合い下さい。動機気になった理由の前に、ここに至った動機を前置きします。ここ長いです。例のアレな感じです。思い出話私は2013年秋からAng
kana321 2015/02/18
react.js

Flux

javascript

*あとで読む

AngularJS

あとで読む

Arda

Angular.js

react

angular
リンク
「React / Flux を実案件で使ってみた」その後
改めて覗いてみよう 1) CheckboxWithLabel changes the text after click: AssertionError: # /path/to/test/components/CheckboxWithLabel_test.jsx:21 assert(label.getDOMNode().textContent === 'On') | | | | | | "Off" false | HTMLLabelElement{htmlFor:"",form:null,accessKey:"",control:HTMLInputElement{src:"",valueAsNumber:NaN,incremental:false,defaultChecked:false,form:null,multiple:false,list:null,size:20,checked:f
kana321 2015/02/17
twada

()

flux

react

power-assert

react.js

javascript

あとで読む

architecture

virtualdom
リンク
歌舞伎座.tech#6「VirtualDOMとReact」アウトラインメモ
歌舞伎座.tech#6﹁VirtualDOMとReact﹂ - connpass に参加して来たのでメモ。すべてのCSSに死を！これはJSerの叫び！- @kyo_ago スライド: CSSに死を！これはJSerの叫び！ #kbkz_tech CSSが辛い CSSはカプセル化とか継承とか、プログラムからの概念がそのまま持ってこれない ReactStyle js-next/react-style JS内にStyleを埋め込むことができるそのままオブジェクト的に入れられる Template Stringsと合わせればその場でCSSを入れることができる styles=にスタイルを入れるセレクタをあまり考えなくていい style属性でスタイリングする擬似要素、擬似クラスが全滅 :hover :active などが使えない。 CSSの継承などの概念が消える自分で頑張る必要があるユーザプレ
kana321 2015/02/17
css

css

react

virtualdom

JavaScript

flux

あとで読む

react.js

virtual-dom

js
リンク
Real World Virtual DOM
React, Flux, Isormorphic そして現実
kana321 2015/02/17
development

React

JavaScript

kbkztech

VirtualDOM

react.js

flux

あとで読む

isomorphic

slide
リンク
Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita
楽すぎてどうしよう。が最初の感触。まだ3時間しか触ってないけど、もうこれでいいや感が半端ない、深夜2時です。 Angularなのか、Reactなのか、2015年が明けても毎週のように新しいJSフレームワークが出る中で、もう正直どうでもよくなってませんか?でも、これは触って楽しいはず。 Riotって何? Riotは、公式ページにAREACT- LIKE, 2.5KB USER INTERFACE LIBRARY とあるように、Reactを意識して作られた超軽量のUIライブラリで、ビュー部分(コンポーネント)に特化しているのが特長です。Vue.jsとかとも同類です。Riot 1.0も﹁超軽量﹂という点で、一時注目を集めました。そのRiotが、2.0で趣向を変えてJSX的なプリコンパイルの仕組みを取り入れて、ReactとPolymerのいいとこ取りのような感じになっています。ただし、次の
kana321 2015/02/03
library

javascript

riotjs

React

riot

riot.js

framework

あとで読む

react.js

ライブラリ
リンク
React Nativeがスマホアプリのフロント開発を変えるのか - ワザノバ | wazanova
Reactは当初、「Huge step backwards（これではメンテできなくて、かえって大きく後退してしまっている。）」「Rethink established best practives（皆が積み上げてきたベストプラクティスを変えようとしている。）」と揶揄されたりもしましたが、最近は他のJavaScriptフレームワークにもその思想の一部が反映されるようになって、メインストリームに近づきつつあるようです。さて今回Facebookが、React Nativeを発表 & オープンソースとして公開して話題になっていますが、Tom Occhinoは React.js Conf 2015のキーノートスピーチで、「一度書けば、どのプラットフォームでもうまく動作する。」ではなく、「一度覚えれば、どのプラットフォーム向けにも書けるようになる。」ものであることを強調しています。同社の開発メンバ
kana321 2015/02/01
React

あとで読む

javascript

*android

ios

android

facebook

react.js

react-native

DOM
リンク
React Native — write native apps with React.js - /dev/zine
At React.js Conf 2015 Facebook announced React Native — a way to write native iOS and Android applications with JavaScript using the familiar React.js. What is React Native React Native is a way to build native apps in JavaScript using React.js for user interface. It doesn't use DOM for rendering, instead, it renders with native UI views. You write normal React components, but instead of using low
kana321 2015/01/30
Facebook

programming

react

in

React.js

javascript

あとで読む

app

Facebook

share
リンク
React / Flux を実案件で使ってみた
自己紹介 Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD とライオンの人 power-assert の人 React / Flux を知ったきっかけ mizchi さんのエントリ (あなたがReactを使うべき理由) だったと思う日本語の情報はほとんど無かったが、エッジ系の人たちが騒ぎ出した & 海外で圧倒的に事例が増え出したので興味を持った Rendr の AirBnb が React を使い始めたことを知り、これは決定的だと思った React をどう勉強したか公式ドキュメントとチュートリアルが充実しているまず Tutorial をそのまま写経次に browserify + reactify で Tutorial をもう一周やってみる (showdownはbrowserify 対応してい
kana321 2015/01/15
react

slides

links

Flux

javascript

react.js

あとで読む

reactjs

architecture

tutorial
リンク
React.jsを触った感想 - axross blog
2014-12-25 React.jsを触った感想 Javascript React.js Virtual DOM クライアントサイドJSここ二週間ほどReact.jsを触っていて、業務でも今の案件で使うことにしたので、簡単な紹介と、触ってみた感想。 React.jsについてAJavaScript library for building user interfaces | React React.jsは、Facebook製のクライアントサイドJSフレームワーク。 Angular.jsなどの並べられがちだけど、ああいう俗にいう﹁MV*﹂でフルスタックなものとは違って、View層に特化している。3つの特徴 UIに特化ここでいうUIとは、UI部品のことで、つまりは複数のDOMを内包する1つの部分的なDOMツリーのこと。これをReactではComponentと呼んでいる。このComp
kana321 2014/12/26
React.js

react

javascript

あとで読む

DOM

js
リンク
一人React.js Advent Calendar 2014 - Qiita
React.jsについての基本的なところを書いていきます！公式読めばわかるようなことが多いですがReact.jsに興味をもつきっかけにでもなれば...。 v0.12.1で確認しています。こっちは一人で書くように作ったものなので書きたい人はVirtualDOMに書くといいと思います。 (書く人がいなくて1人で書いているわけではない) この記事は古いので下記の更新情報も参考にしてください http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
kana321 2014/12/20
プログラミング

JavaScript

react

*react.js

react.js

*あとで

あとで読む

JS

advent calendar

programming
リンク
リアルな DOM はなぜ遅いのか - steps to phantasien
これは VirtualDOM Advent Calendar 2014 に勝手に参加する記事です。あたたかい春の昼下がりのこと、あるブラウザベンダの社内を不穏な噂が駆け巡った。﹁React.js なるライブラリ、どうも仮想 DOM というやつのせいで速いらしいぞ﹂もうリアルな DOM はお役御免、ブラウザも商売上がったりか・・・。雇用に不安を覚える人(私)がいる一方、そのアイデアをとりこんでブラウザの DOM を速く出来ないかと考える人たちもいた。仮想 DOM はなぜ速いのか。誰かのつてを辿って React.js チームにおいでいただき、速さの秘密をテックトークしてもらう。イミュータブルなデータ構造による単純化、非同期適用による処理のバッチ化、差分アルゴリズムによる副作用の最小化… いくつかのアイデアはブラウザからはどうにもならないが、たとえば非同期化なんかは形は違えどブラウザ
kana321 2014/12/13
javascript

reactjs

browser

dom

VirtualDOM

js

react

あとで読む

React.js

performance
リンク
1 2 次のページ