GitHub - jamiebuilds/unstated-next: 200 bytes to never think about React state management libraries ever againYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React製 SPA における パフォーマンスチューニング - SSSSLIDE
nodefest@2018.11.23 html5j@2018.11.25
リクルートテクノロジーズのフロントエンド開発 2016 - from scratch
前書き このエントリーは Recruit Engineers Advent Calendar の 1日目の記事です。 www.adventar.org リクルートテクノロジーズのフロントエンド開発 リクルートテクノロジーズではいくつもの並行するタスクが走っていて、プラットフォーム基盤と呼ばれる基盤技術開発とインフラソリューションと呼ばれるインフラ開発、後はアプリケーション開発支援などのタスクが存在します。 アプリケーション開発支援の中でもウェブフロントエンド開発は目下のところ重要タスクとされており、色んなやり方をトライアルしています。 基本的には、 React Redux Node.js という組み合わせでフロントエンド開発をしています。 主には以前 ubb.jp というイベントで発表したこの資料に記載されている内容でやっていますが、諸々補足します。 リッチなウェブアプリケーションを作るた
Clean Architecture in React – Kohei Asai – Medium
あたりを参照。 要は複数層から成るレイヤードアーキテクチャの一種で、レイヤー・要素間の結合性を依存性ルールによって縛り、下記のような恩恵を期待する。 恩恵 アプリケーションをフレームワークから独立させる。フレームワークによって提供されている機能や設計に依存せず、同時にフレームワークの制約に縛られない。 テストを容易にする。各レイヤー・要素を独立して動作させる。ある一つの要素のテストのために、他の要素を用意する必要がない。 UIに依存しない。UIがブラウザではなくCLIになったとしても、ビジネスルールを変更する必要がない。 データベースに依存しない。OracleやMySQLを問題なくMongoやPostgresQLに置き換えられる。Webのクライアントとしては、永続化層に依存しない。Web APIのURLやリクエストパラメータが変わったとしても置き換えられる。また、Web APIではなくLo
Proper Error Handling
No matter how good you are as a developer and how many tests you write: your application will throw errors. At YPlan we tried to catch all the exceptions and handle them in the right way to give our users the best possible experience. In this talk, I will go through the problems we tried to solve and the solutions we implemented #forreal
Where do I put my business logic in a React-Redux application?
This is a question that we have all struggled with in building applications. It is an important question because it influences the architecture of our code and how well our app will absorb new features and complexity as it naturally grows during its lifetime. TL;DR (Summary)There are many approaches that will work but it is important to understand the tradeoffs to pick the best solution. I discuss
How to use Immutable.js Records with React and Redux
It’s the small things that change your product. React and Flux can be small things, but using them has changed our product like we could never imagined. As we continue to improve our app, we struggled with the lack of consistency in our models, even if they were immutable. They were generic types (i.e. Map, Array), so we couldn’t precisely validated propTypes given to our components. 🌀 As Immutab
redux-sagaで非同期処理と戦う - Qiita
はじめに ReduxはSingle Store、immutableなState、副作用のないReducerという３つの原則を掲げたFluxフレームワークです。しかし他のフレームワークと違って提供しているものは最小限で、とてもフルスタックとは言えない薄さです。そのためすべてにおいて定番と言える書き方が定まっているわけでもなく、どうしようか迷ってしまうことも少なくありません。その筆頭とも言えるのが 非同期処理 の扱いです。コミュニティでは今でもさまざまな方向に模索が続いていますが、よく使われているものだとredux-thunk、redux-promiseあたりでしょうか。Reduxに限定しないのであればreact-side-effectというものもあります。こちらはTwitterのモバイルウェブ版で使われていますね。どれを使っても非同期処理が可能になりますが、それはあくまで道具であって、設計の
Redux Middleware in Depth - Qiita
Middleware使ってますか？ 以前 Reduxのmiddlewareを積極的に使っていく という記事でMiddlewareの使いどころについて具体的な利用例を挙げました。本稿ではMiddlewareを書く上で役に立つ、もうちょっと掘り下げたTipsを紹介していきます。 ActionがMiddlewareを通り抜ける順番 export const m1 = store => next => action => { console.log('m1', action.type); return next(action); }; export const m2 = store => next => action => { console.log('m2', action.type); return next(action); }; export const m3 = store => nex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
react-hooks-like-redux/redux.js at master · koba04/react-hooks-like-redux · GitHub
redux-observableで検索機能の実装を写経してRxJSのパワーを感じる - Qiita
GitHub - clarus/redux-ship: Side effects with snapshots for Redux.
GitHub - rangle/typescript-react-redux-example: Typescript, React, Redux, Webpack starter kit
GitHub - markerikson/redux-ecosystem-links: A categorized list of Redux-related addons, libraries, and utilities
GitHub - alexkuz/redux-pagan: managing internationalization via redux
GitHub - joshrtay/redux-log: Simple log of redux actions, good for testing.
redux-sagaを使ったとてもシンプルな認証処理
GitHub - almin/almin: Client-side DDD/CQRS for JavaScript.
GitHub - sskyy/redux-task: A simple Side Effects manager for redux.
GitHub - matthewmueller/socrates: Small (8kb), batteries-included redux store to reduce boilerplate and promote good habits.
