グランフロント大阪2016 LT資料です。
![AWSで始めるServerless React Server Side Rendering](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4ffb45a5ecb85c8875537bbb5a8b57d1d3b74a3/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F866564b87d294093a6aafe76f070dec3%2Fslide_0.jpg%3F6757347)
グランフロント大阪2016 LT資料です。
Plug 'othree/yajs.vim' " es6のハイライト Plug 'othree/es.next.syntax.vim' " stage-0 のsyntax highlight Plug 'mxw/vim-jsx' " jsxのハイライト " vim-jsx用の設定 let g:jsx_ext_required = 1 " ファイルタイプがjsxのとき読み込む. let g:jsx_pragma_required = 0 " @から始まるプラグマでは読み込まない. augroup Vimrc autocmd! autocmd BufNewFile,BufRead *.jsx set filetype=javascript.jsx augroup END
みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
メモ。 以下のようなコンポーネントの <input type="text"> 項目を Material-UI の TextField に置き換えようと思ったが ref で参照しているのをそのまま TextField でも使えるのか迷った。 import React, { PropTypes } from 'react'; export default class AddTodoForm extends React.Component { handleSubmit(e) { e.preventDefault(); const node = this.refs.input; const text = node.value.trim(); if (!text) { return; } this.props.onSubmit(text); node.value = ''; } render() {
手元でコードを書きながら React.js を学習しようと、タイトルどおりの最小構成を作ってみました。 上記の公式ページの Starter Kit や Tutorial の構成が物足りなかったので.. GitHub に置いたので、よろしければ参考にしてください。 ⇒ https://github.com/hkusu/react-babel-browserify-gulp-sample 上記の README.md に記載している通り、特徴としては次のとおりです。 ECMAScript 6 構文のサポートおよび JSX ファイルのコンパイルに Babel を利用 依存モジュールの管理(CommonJS準拠)に Browserify を利用 タスクランナーとして gulp を利用 またサンプルコードとして、簡単なデータバインドを React.js で実装してあります。デモは こちら(GitHub
These docs are old and won’t be updated. Go to react.dev for the new React docs. These new documentation pages teach modern React and include live examples: Common components (e.g. <div>) This reference guide documents the SyntheticEvent wrapper that forms part of React’s Event System. See the Handling Events guide to learn more. Overview Your event handlers will be passed instances of SyntheticEv
前回【Raspberry Piでセンシング編】はこちら。前回はRaspberry Piでいかにドアの鍵をセンシングをしたか、という話でした。今回はRaspberry Piから情報を受け取る側、サーバーのお話です。 React.jsが天国と地獄を描画します 今回はNode.js+Expressを選択。Raspberry Piから受け取った情報を、現在サイトにアクセスしているブラウザにWebSocketを通して一斉送信するのにSocket.ioを利用。そしてフロントエンドにはReact.jsを採用。なぜ採用したかといえば使いたかったからです!😤😤😤 これらを使って、 トイレが空いていれば天国、使用中であれば地獄を表示トイレの空き情報をリアルタイムにお知らせという1画面ですべて賄うサイトを作りました。 http://ficc-heavensdoor.herokuapp.com 天国。 そし
iOS8やAndroid 4.4くらいになってWebViewもレベルが高くなっています。その結果、ネイティブのプログラミング言語以外でも十分な性能のアプリが開発できるようになっています。こうなるとハイブリッドアプリの可能性が出てくるでしょう。 さらに高速なビュー、エレガントなUIにこだわる方はReappを使ってみましょう。Reactをビューに使ったハイブリッドアプリフレームワークです。 Reappの使い方 ReappはReact、Webpack、ECMAScript6の技術を使って作られています。最新の技術を組み合わせたことで、ネイティブと変わらないくらいの速度で動くハイブリッドアプリが実現できるようになっています。ReactによってViewを抽象化することで、今後Reactがバージョンアップすればさらに速くなる可能性もあるでしょう。非常に期待がかかるフレームワークです。 ReappはHT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く