[B! react] kana321のブックマーク

kana321 id:kana321

reactに関するkana321のブックマーク (37)

フロントエンドを楽にするために
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/22
css

javascript

flux

あとで読む

frontend

フロントエンド

js

react

development

qiita
リンク
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

あとで読む
リンク
【翻訳】AngularJSからReactへ: Isomorphicな方法 | POSTD
先週、私たちはWebサイトを検索エンジン向けにインデックス付けできるようにしようとしていました。この記事では、私たちがWebサイトを書き直していて学んだことの要約を紹介したいと思います。背景2ヵ月前に RisingStack.com を作成した時、私たちはそのWebサイトでどんなテクノロジを使うか決めなくてはなりませんでした。イベントを追跡する静的なページが数ページあるだけだったので、とても簡単でしたが、私たちはWebサイトをスケーラブルでできるだけ高速なままにしておきたいと考えていました。私たちのチームは AngularJSの経験が豊富なので、フロントエンドにAngularを選ぶのは妥当だと思われました。この記事はReactやAngularJSがどちらか一方より優れている理由について述べているわけではないので注意してください。どちらがいいかは常にユースケース次第です。 “Ang
kana321 2015/03/18
angularjs

FRP

react

development

javascript

isomorphic

開発

web

あとで読む

angular
リンク
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
リンク
ES6時代におけるWeb開発者とセキュリティ業界の乖離
Developers Summit 2015講演資料新世代「JavaScriptコントロール」が登場 ― 新「Wijmo(ウィジモ)」の実力 ― http://event.shoeisha.jp/devsumi/20150219/session/659/
kana321 2015/03/09
アプリ

フレームワーク

javascript

react

セキュリティ

security

あとで読む

es6

Web

virtualdom
リンク
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
リンク
CSSに死を！これはJSerの叫び！ #kbkz_tech
CSSの問題セレクター設計が辛い特に大規模化する場合、「CSSの問題」===「セレクターの問題」と言っていい（それ以外にもあるけど、大規模化するとほぼ確実にセレクターは問題になる）なぜ大規模化するとセレクターが辛くなるのか「隠蔽ができない」サイト全体で使用しているグローバル変数に対する定義を書いているようなもの
kana321 2015/02/17
virtualdom

Frontend

js

あとで読む

slide

あ：あとで読む

react

css

javascript

*あとで読む
リンク
Real World Virtual DOM
React, Flux, Isormorphic そして現実
kana321 2015/02/17
development

React

JavaScript

kbkztech

VirtualDOM

react.js

flux

あとで読む

isomorphic

slide
リンク
React.js Conf 2015 - Immutable Data and React
Lee Byron, Facebook Immutable data unlocks powerful memoization techniques and prohibits accidental coupling via shared mutable state. It's no accident that these are the the same benefits provided by React. Persistent data structures provide the benefits of immutability while maintaining high performance reads and writes and present a familiar API. Learn about how persistent immutable data str
kana321 2015/02/04
Facebook

youtube

react
リンク
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
リンク
1 2 次のページ