2015-01-01から1ヶ月間の記事一覧

React Native — write native apps with React.js

React Native — write native apps with React.js - Progville For UI layout and styling there is a cross-platform Flexbox-like layout system and a subset of CSS. To write ReactNative apps you can use JSX or plain JavaScript It turns out React…

Macでのユーザ・グループ管理

MacOSX - Mac でグループを追加する - Qiita MacOSX Leopard のユーザ作成・削除は dscl コマンド - ねもぷらす dscl . -list /Groups とかはTab補完効かない dscl . -list /Users でも dscl . list /Users でも良い。

PHPとHHVMとHackと

よりよいPHPを作る — パート1:HHVMとHack [和訳] - Engine Yard Blog 直接関係ないけど generator があつそう

【react-router】チェックリスト(私的)

routesファイルexportsは以下のように、 function(){return ...} の形 root path は別に '/' でなくとも大丈夫 module.exports = function() { return ( <Route name="app" path="/videos" handler={App}> <Route name="youtube" handler={YouTube} /> <Route name="vimeo" handler={Vimeo} /> <DefaultRoute handler={Top} /> </Route> ); }; server…</route></route>

重い引数は後ろへ

タイトルの通り。例えば。。。 public function hoge($id, $title, $data) { ..... } みたいなイメージ。

page title のダイナミックな変更とrouter

react-router rackt/react-router SPAを作る際は必須になりそう。 今回の私のケースでは不要かも。とりあえず記事一覧ページだけでReactを試すから。ページ番号をpropsで親に与えて、それを後述の react-document-title に食わせるだけでOKか。 react-docume…

Node Cluster とか RedisStore とか

『Node.js Cluster+Socket.IO+Redisによるリアルタイム通知システム』

【React】サーバサイドでJSXを使うには(バニラJSへどう変換するか)

Browser side ブラウザではこれを使う andreypopp/reactify browserify -t browserify-shim -t reactify main.js -o bundle.js -t browserify-shim は不要か。react componentとそれ以外は分けてbuildする? Server side Google グループ require('react-too…

JSX Compiler

JSX Compiler Service | React JSX表現はJS変換時 React.createElement となる // JSX var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; } }); React.render(<HelloMessage name="John" />, mountNode); // native JS var HelloMessage = R</hellomessage>…

Going Isomorphic with React

Going Isomorphic with React commonJSスタイルで書いていれば。Browserifyとか欲しい。 TemplateがECTだろうがJadeだろうが関係ない React.jsのcomponentをサーバ側で reactHTML = renderToString hogeComponent して res.render 'hoge', { reactHTML: reac…

RAFとToolkit for createjs

RAF (Request Animation Frame) いまさらrequestAnimationFrameを理解する - console.lealog(); 毎秒"およそ"60回(60FPSで)実行される ブラウザの負荷にあわせて、描画準備ができ次第、適宜実行される ブラウザがアクティブでない間は、実行回数が自動で低下…

Virtual DOMに纏わるFramework間のベンチマークは意味をなさない

誰かを批判する意図は全くありません。悪しからず Virtual DOMってどんだけ早いの?測ってみた - webとかmacとかやってみようか R この記事を読んで「React遅いじゃん...」とか失望して 「React js benchmark」とググると以下のようなページが。 Performance…

【React.js】サーバサイドで生成したReactコンポーネントをブラウザで再描画するときの処理

勘違い訂正とか Node.jsだとDOMに描画するギリギリまでReactで表現することで、サバクラを同じコードで記述する、Isomorphicというパラダイムが適用できる。 renderToString でサーバ側でComponentからHTML生成できる。 Render a ReactElement to its initia…

【React.js】React Tutorial

React Tutorial props they are passed from the parent and are "owned" by the parent state this.state is private to the component render render() methods are written declaratively as functions of this.props and this.state. The framework guar…

【React.js】Twitter + Node + React.jsの勉強メモ

Build A Real-Time Twitter Stream with Node and React.js チェックリスト サーバ側のレンダリングとクライアント側でのレンダリングを二重で行っている?つまり、サーバ側でのレンダリングは不要では?VirtualDOMの特性を生かしている感じか? res.render(…