[B! react] mura-_-miのブックマーク

Rebass

Rebass React primitive UI components built with Styled SystemStart your design system without boiling the oceanBuild consistent UI with design constraints and user-defined scalesBest-in-class developer ergonomics with Styled System propsFirst-class support for theming & fully compatible with Theme UIQuick, mobile-first responsive styles with array-based syntaxFlexbox layout with the Box and Flex c

mura-_-mi 2016/03/08

使いやすそう (小並感)

リンク

Rails, React, Redux環境を用意してherokuで動くようにするまで手順メモ - Qiita

Railsなのはサクサク書けるから、Reduxなのは流行ってるっぽいからです。サーバーサイドレンダリングもスパンと導入したいのでreact-railsgemを使った簡単バージョンです。Reduxも使うのでreact-railsだけだと困るからbrowserify-rails使おうかという流れです。では早速、Railsのプロジェクトを用意します。

mura-_-mi 2016/02/19

npm モジュール足りないのかも

react
Rails

リンク

なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。この記事は VirtualDOM Advent Calendar 2014 - Qiitaの初日です。初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative

mura-_-mi 2016/02/17

react

リンク

公開されているReact Componentを利用してみる - Qiita

今回はちょっと趣向を変えて公開されているComponentの利用について書きたいと思います。 Componentは基本的にはPropがI/Fとなっているのでドキュメントを見てよくわからなかった場合は、Propを見るとどのようなI/Fがあるかわかると思います。自分が公開する場合は、PropTypesやgetDefaultPropsを使ってI/Fを明確にしておくといいと思います。 Bootstrap 何はともあれまずは定番のBootstrapですがやはりちゃんとあります。前回のRouterのサンプルでも使っていました。使う場合は、react-bootstrapの他に別途bootstrapのCSSを読み込む必要があります。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/boo