React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント：大規模ブログサイト表示速度改善 大解剖（終）（1/3 ページ） 2004年から続くブログサービス「アメブロ」が2016年9月にシステムをリニューアル。本連載では、そこで取り入れた主要な技術や、その効果を紹介していく。今回は、React/Redux/Node.jsを使ったIsomorphic JavaScript特有のパフォーマンスチューニング手法や実際にあった問題および、その解決方法について。 2004年から続くブログサービスである「アメブロ」は、2016年9月にシステムをリニューアルしました。本連載「大規模ブログサイト表示速度改善 大解剖」では、そこで取り入れた主要な技術や、その効果を紹介しています。 アメブロのリニューアルでは、React/Reduxを採用し、サーバサイドとフロントエンド両方での
Redux Patterns and Anti-Patterns
(Korean, Japanese) Redux is a surprisingly simple library for managing application state with a Flux-like architecture. Here at Affirm, we are particularly interested in Redux’s time-travel capabilities. Our core business is offering transparent consumer loans, so it’s incredibly valuable to be able to replay the entire loan application process from the user’s perspective. Redux is more of a set o
手っ取り早くES6なReduxのコードをテストする(mocha) - Qiita
Reduxのテスト書いたので覚え書き。 準備 テストツールはmocha、アサーションにはexpectを使う。
Redux + React + ES6 の簡単アプリを作成する①(Redux編) - Qiita
背景 Reactにも慣れが出てきたので、次はFluxのデータフローについて学ぼうと思った。 Fluxの詳しいデータフローに関しては、公式サイトや別の記事を参考に。 Fluxのフレームワークとしては、頭1つ抜けているReduxを選定した。 ReactとReduxの連携部分で多少はまったのでメモ。 学習内容 Flux(Reduxベース)の基本的な考え方。 Flux(Reduxベース)のデータフローと登場人物。 Fluxでよくみる図。 概要 入力した内容がそのまま出力されるだけのアプリ。 state管理をReduxのみで行う。 Action ActionはActionCreatorという純粋な関数である。 ActionCreatorはActionオブジェクトを返し、Store(※後述)のdispatch関数に引数として渡される事でStoreにEmit出来る。
Redux + React + ES6 の簡単アプリを作成する②(ReactとReduxの連携編) - Qiita
概要 前回記事の続き。 実際にReduxでReactのstateを管理する。 Reactのインストールは出来ている前提とする。 ReactとReactDOMはwebpackでグローバル変数かしている事とする。 Components ReactでComponentsを作成していく。 まずは、メインとなるComponent。 (CSSフレームワークはMaterialize.cssを利用している。) import FormApp from './Form/FormApp.jsx'; export default class App extends React.Component { render() { return ( <div className="container"> <FormApp handleClick={this.props.onClick} value={this.props.
2016年から始めるフロントサイド~実装編~ - Qiita
余談：react-reduxを使用しているWebサイト(アプリケーション) https://github.com/reactjs/redux/issues/310 わかる範囲でもこれだけあるみたいです。すごいですね。 es6 react, react-dom, react-router redux テストまで書くと長くなって読みづらいので分けます。 es6 公式サイト 基本的には公式サイトのspecを見ていく感じになりますが、英語かつ専門用語辛い。。 Reduxは基本es6で書かれているので、spec読みながらExampleを見るのが良さそうだ！ 実装で一番重要と思われるコードの再利用だけピックアップ。
Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
