[B! Redux] tsuwatchのブックマーク

雰囲気でやってる人向けの Redux 再入門

ng-kyoto Angular Meetup #9 での発表資料です。 https://ng-kyoto.connpass.com/event/113358/

tsuwatch 2019/01/22

Redux

リンク

Clean Architecture in Web Frontend #mixleap - Speaker Deck

record4s --- Extensible Records for Scala 3, and Domain Modeling with Structural Types

tsuwatch 2018/12/28

リンク

Modernizing the Web Playback UI – Netflix TechBlog – Medium

Since 2013, the user experience of playing videos on the Netflix website has changed very little. During this period, teams at Netflix have rolled out amazing video playback features, but the visual design and user controls of the playback UI have rem ained the same. Over the past two years, the Web UI team has had a long running goal to modernize the user experience of playback for our members. Pl

tsuwatch 2018/12/15

いい話

リンク

React製 SPA におけるパフォーマンスチューニング - SSSSLIDE

nodefest@2018.11.23 html5j@2018.11.25

tsuwatch 2018/12/02

リンク

Re-ducksパターン：React + Redux のディレクトリ構成ベストプラクティス

Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン名前からもわかるように、Re-ducks は Ducks というパターンをベースにしている。 erikras/ducks-modular-redux Ducks パターンが解決すること‥ actionType、action、reducerが散らばっててつらい結局のところ actionType、action、reducer は密結合なので、ducksパターンではこれら3つを1つのファイルにまとめる。 // widget.js // Actions const LOAD = 'my-app/widgets/LOAD'; const CREATE = 'my-app/widget

tsuwatch 2018/10/21

関数ごとにわけられるより手間なくていい

Redux

リンク

Almin 0.13リリース - アプリケーションレイヤーのトランザクション

Almin 0.13.xのStable版をリリースしました。今後に向けて下地となる基盤部分をかなり書き換えたのと、Strict modeや試験的にTransactionを追加しました。 Release Almin 0.13.10 · almin/almin まとめ 0.12xからの0.13.10の変更をまとめると次の通りです。 🔥 Breaking Changes IE9/IE10のサポート終了 CIから落としただけなのでまだ動くかもしれないですが一部Deprecatedはありますが基本的にコードは変更しなくても動くはずです ⚠️ Deprecated リネーム context.onWillExecuteEachUseCase -> context.events.onWillExecuteEachUseCase almin/migration-toolsを使うことで自動的にマイグレー

tsuwatch 2017/09/14

TransactionとonDispatchありがたい

リンク

なぜReduxを使うのか

How to send distibuted traces to Datadog using build own OpenTelemetry-Lambda distribution

tsuwatch 2017/04/16

Redux

リンク

React+ReduxをRails環境下で開発する環境構築テンプレート（Webpackも使うし、Reduxのサーバサイドレンダリングもあるよ） - Qiita

React+ReduxをRails環境下で開発する環境構築テンプレート︵Webpackも使うし、Reduxのサーバサイドレンダリングもあるよ︶Ruby Rails webpack Reactredux 色々情報がありますが、断片化されてたので纏めました。もしこんな環境で開発する人がいれば参考にして下さい。というか1つの記事に詰め込み過ぎたかもしれません。ちなみにこの環境構築は以下の記事を参考に作成されています。 WebPackを使ってRailsからJavaScriptを楽に良い感じに分離する Rails + モダンJS環境(Webpack)で新規アプリ作成 RailsでReduxコンテナをサーバサイドレンダリング (use Hypernova by airbnb) 素晴らしい記事に感謝。今回書いた記事のソースはこちらです。前提条件本記事では以下のような開発環境を想定して記載します。

tsuwatch 2016/07/25

リンク

React/Reduxを管理画面に使った話 - Qiita

自己紹介 @adwd118 adwd 株式会社ビズリーチスタンバイ事業部 Web歴1年サーバーサイドエンジニア？ React/Redux入門やりました speakerdeck 求人検索エンジンスタンバイスタンバイスタンバイ社内向け管理画面スタンバイの社内向け管理画面でReact/Reduxを使ったスタンバイ本体ではない SPA的要素はあまりないパフォーマンス、セキュリティなどそこまで気を使ってないコンテンツ React/Fluxについて管理画面の構成 React/Reduxを使った感想 javascriptでUIを構築するライブラリ（MVCのV）コンポーネント指向 js-centric ほぼjsの中で完結する Flux 単方向データフロー Flux ViewはStoreからデータ（状態）を受け取って表示するだけ Storeの状態を変更するのはActionのみ Fl

tsuwatch 2016/07/09

良いレビュー

Redux

リンク

Coffee, jQueryで書いていたElectronアプリをES6, React, Reduxで書き直した - k0kubun's blog

ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun'sblogの時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。移行したスタックと移行時に感じたことあらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行参考: 春からはじめるモダンJavaScript / ES201

tsuwatch 2016/06/22

Redux

リンク

Reduxでコンポーネントを再利用する - Qiita

Reduxはとりあえず使えるようになった後の情報が少ないように感じています。よく出回っているサンプルコードは﹁Real World 〜﹂のような名前がついていたとしても、あくまで雰囲気を味わうために用意されたものに毛が生えた程度で、現実に起こる問題に対する回答や指針を示しているわけではありません。業務で使うことを検討するのであれば、プロダクトの成長と共にどうやってスケールしていくかイメージできないと導入に踏み切れないですよね。本稿ではサンプルコードより大きな規模で開発していくために、Reduxにおけるコンポーネントの再利用について紹介します。実現したいことコンポーネントの再利用によってどのようなことを実現したいのかイメージしてもらうため、馴染みのあるアプリケーションの機能を具体例として挙げてみます。Gmailで名前にマウスオーバーしたときに出るプロフィール情報プロフィール画像の表示