Improved Redux type safety with TypeScript 2.8
Disclaimer: This post was created 35000 feet above the ground in the sky, during my return flight from awesome Japan and yes that guy in the title picture is me, ridding the best powder on the planet in Japan :D ( sorry I just had to do this, you can hate me later ok? / later === after reading this post ) Some time ago I wrote about how to effectively leverage TypeScript to write type-safe action
Redux & Typescript typed Actions with less keystrokes
a.k.a how to leverage discriminant unions and not get controlled by type system I’ll be honest with you, I don’t write JavaScript without types, ever, so yeah I’m heavy Typescript user and time to time I play with Flow to see how the project evolves ( IMHO still the best option for typed JS is Typescript as of today, because various reasons…, but Flow is really on par nowadays and getting better e
redux/ServerRendering.md at master · reduxjs/redux · GitHub
Server Rendering The most common use case for server-side rendering is to handle the initial render when a user (or search engine crawler) first requests our app. When the server receives the request, it renders the required component(s) into an HTML string, and then sends it as a response to the client. From that point on, the client takes over rendering duties. We will use React in the examples
アメブロ2016 ~ Isomorphic JavaScriptの詳しい話 | CyberAgent Developers Blog
問題点はIsomorphic実装難易度です。では、アメブロのIsomorphicの実装方法と実装する際にあった問題及びその解決策をお伝えします。 ちなみに、Michael Jackson氏はIsomorphic JavaScript ではなく、 Universal JavaScript と呼ぶべきだと主張しています。私たちはIsomorphic JavaScriptという名前で使うのに慣れたので、ここでは*Isomorphic JavaScriptと記述します。 AmebloのIsomorphic 技術選定 先に結論をあげます：React + Redux 技術選定の基準は下記となります。 安定さ。基本的にプロダクト環境で使える正式版があること。 アクティブな開発。 よいコミュニティ。技術の周りに大きいコミュニティが育っていること。 実績がある。 まずView層のライブラリの選定です。このプ
Redux Hero Part 4: Every Hero Needs a Villain (A Fun Introduction to redux-saga.js)
Redux Hero Part 4: Every Hero Needs a Villain (A Fun Introduction to redux-saga.js) When you think about a classic RPG like Dragon Warrior or Final Fantasy, the bulk of the game involves wandering around on a map and getting into fights with monsters. Does the hero encounter a monster on every tile? No. Randomness is the key. But where does randomness fit in a Redux world where everything is suppo
Reduxの概念をRxJSとTypeScriptで理解する(初心者向け) - Qiita
(2016/12/15追記) この記事はDeprecatedです。 Reduxの概念をRxJSとTypeScriptで理解する ver.2 が最新版になります。 GitHubリポジトリはこちら → ovrmrw/understanding-redux-with-rxjs git cloneしたらnpm installしてnum run tsですぐに動かせます。 (注: Reactの話は一切出てきません) Reduxとは Redux公式 アプリケーション全体で状態(state)を一つのJSONツリーの構造で持ち、それをActionがキックされる度に全体更新して配信するという概念。 僕は最初FluxとかReduxとかよくわからなかったけど、色々参考にしながら自分で書いてみたらようやく理解できました。 Middlewareという概念はよくわからなかったし今でもよくわかりません。 ロガーとか便利な
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
You Might Not Need Redux
People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at the indirection Redux introduced to their code. “Why do I have to touch three files to get a simple feature working?” Why indeed! People blame Redux, React, functional programming, immutability, and many other things for their woes, and I understand them. It is natural to compare R
Async Redux Actions With RxJS - React Rally 2016
Redux-observable allows combining RxJS and Redux by introducing Epics. Epics are Observable streams that handle asynchronous logic in response to Redux actions. This avoids callback hell and enables features like cancellation. An Epic takes an action stream, performs asynchronous operations like AJAX calls using RxJS, and dispatches result actions. This keeps Redux synchronous while managing compl
Building a React/Redux App with JSON Web Token (JWT) Authentication
Many people have written to me asking for the client-side follow up to the JWT authentication API we built (view the tutorial on building the authentication part of the API here, and view the tutorial on creating a real time chat API here). Today, we are finally going to build it. I have recently found myself very busy between my personal projects, consulting work, and having just gotten married a
Using Redux with Flow
Redux is a great library for managing application’s state. But JavaScript is still a dynamically typed language, which comes with a lot of surprises at runtime. In this post I’ll show you how you can use Flow to embrace static type checking in your Redux-powered application. I choose to use Flow for the disjoint union support and the ability to convert the codebase incrementally. Read on to learn
Building Angular 2 applications with Immutable.js and Redux
If you have done any JavaScript development in the past year, then you may have already heard of Redux . Popularized with the use of React, some developers claim it’s the most exciting thing happening in JavaScript at the moment, revolutionizing the way we build our applications and even helping us prevent global warming for good. Okay, I got a little carried away there. But seriously, Redux does
Why we chose MobX over Redux for Spectacle Editor
For Spectacle Editor, our current collaboration with Plot.ly, we decided to use MobX to handle application state instead of Redux. Redux is an amazing framework, and here at Formidable we continue to use it on new and existing client projects with great results. In part, the decision to use MobX was driven by a desire to test a new approach to React app state, learn new patterns, and challenge our
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜ私はReduxをやめて MobXを使うようになったのか
はじめてのSSR
Typed Redux | {callstack}
How to Scale a Redux Application with Redux-Action-Recompose
GitHub - chvanikoff/reph2: React/Redux + Phoenix (Elixir) (now with auth)
The power of higher-order reducers
GitHub - choko-org/redux-boot: Modular Redux bootstrap with asynchronous side-effects.
