グランフロント大阪2016 LT資料です。
AWSで始めるServerless React Server Side Rendering
グランフロント大阪2016 LT資料です。
vimのECMASCript2015環境をイイ感じにする - Qiita
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
アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
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.
Material-UIでrefを使う - dackdive's blog
メモ。 以下のようなコンポーネントの <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 + Babel + Browserify + gulp の環境を作ってみた - Qiita
〜 "devDependencies": { "react": "^0.13.3", "browserify": "^10.2.1", "babelify": "^6.1.1", "gulp": "^3.8.11", "vinyl-source-stream": "^1.1.0", "gulp-webserver": "^0.9.1" }, "scripts": { "build": "browserify --debug --transform babelify app.jsx --outfile bundle.js" }, 〜 後方互換を期待して各ライブラリのバージョンは固定していないので、もし手元で上手く動かない場合はバージョン番号の前の^を外してバージョンを固定して導入してみてください。 React.js は HTML ファイルの script タグで読み込むのではなく、Brows
SyntheticEvent – React
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
Reapp – Reactで作るハイブリッドアプリフレームワーク
iOS8やAndroid 4.4くらいになってWebViewもレベルが高くなっています。その結果、ネイティブのプログラミング言語以外でも十分な性能のアプリが開発できるようになっています。こうなるとハイブリッドアプリの可能性が出てくるでしょう。 さらに高速なビュー、エレガントなUIにこだわる方はReappを使ってみましょう。Reactをビューに使ったハイブリッドアプリフレームワークです。 Reappの使い方 ReappはReact、Webpack、ECMAScript6の技術を使って作られています。最新の技術を組み合わせたことで、ネイティブと変わらないくらいの速度で動くハイブリッドアプリが実現できるようになっています。ReactによってViewを抽象化することで、今後Reactがバージョンアップすればさらに速くなる可能性もあるでしょう。非常に期待がかかるフレームワークです。 ReappはHT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.js + React で SSR ~ SSR の実装 ~ – rilakkuma3xjapan's blog
.babelrcと.eslintはpackage.jsonに - Qiita
SSSSLIDE
SSSSLIDE
MUI: The React component library you always wanted
Post by @ficc-workbook · 2 images