Redux without React — State Management in Vanilla JavaScript — SitePoint
This article was peer reviewed by Vildan Softic. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! I am one of those developers who likes to do things from scratch and get to know how everything works. Although I am aware of the (unnecessary) work I get myself into, it definitely helps me appreciate and understand what lies behind a specific framework, li
アメブロ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年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう
redux-observable
and myself for use on our projects at Netflix, redux-observable is middleware for redux that is inspired by redux-thunk. redux-observable allows developers to dispatch a function that returns an observable, promise or iterable of action(s). When the observable emits an action, or the promise resolves an action, or the iterable gives an action out, that action is then dispatched as usual. This prov
Leveling Up with React: Redux | CSS-Tricks
This tutorial is the final of a three-part series by Brad Westfall. We’ll learn how to manage state across an entire application efficiently and in a way that can scale without dangerous complexity. We’ve come so far in our React journey, it’s worth making it across the finish line here and getting the full bang-for-our-buck out of this development approach. Redux is a tool for managing both data-
Gordux.js - The redux pattern in vanilla.js
I love the idea of Redux. Managing state in an application is critical! There is nothing like “the state of a web application”. Let’s go back a few years when there were none of these “javascript applications”. The query string did a quite good job in shipping the document (aka web application) with a predictable state. If we change application state we do this by following a hyperlink 😎. Some ti
Code cartoons
Wasmtime Reaches 1.0: Fast, Safe and Production Ready!
GitHub - reactuate/reactuate: React/Redux stack (not a boilerplate kit)
Fork-and-forget (or fork-and-follow) is not a great way to keep up with what's happening in the original boilerplate (and in the space in general). Therefore, starting off a cloned boilerplate "kit" is not an acceptable solution. Reactuate is distributed as a dependency. Reactuate is strictly a frontend-oriented stack and is not meant to provide a foundation for so called "universal" (server and c
Implement Login Modal with Redux, reselect and ReactJS
RequirementImplement a mechanism that popup a login modal when the user’s session is expired.After the user logged in again, all his original requests to the server should be executed.How?I will use Redux, reselect, ImmutableJS and ReactJS for the implementation (ECMAScript 6). All users’ requests should be stored in a retries queue to be execute after a successful login. Let’s go over Redux basic
JSer.info 5周年記念イベントに行ってきた(LTもした) #jserinfo - Please Drive Faster
jser.connpass.com jser.info #jserinfo すごく楽しかった— じょう (@joe_re) 2016, 1月 16 すごく楽しかったです！5周年、おめでとうございます！ 尊敬 #jserinfo 5周年誠におめでとうございます。継続は力なり。本当に凄い事だと思います。尊敬しています。 https://t.co/o6fEeFLqvO— Takuto Wada (@t_wada) 2016, 1月 16 僕も尊敬しています。 僕がWebの技術者になって、2年ほど経ってしまいました。 その前にいた業界と比べてWebの変化は早くて、最初のキャッチアップは苦労しましたが、js界隈に関してはJSer.infoがあるおかげで継続的なキャッチアップができています。 azuさんの情報収集力凄すぎる。 内容 どれも面白かった。(内容はJSer.infoでまとめられているので、ご
Managing Side Effects In React + Redux Using Sagas
Redux is a Flux-like framework that has exploded in popularity within the React community. It reduces complexity by enforcing a unidirectional data flow, the use of single state atom, and pure reduce functions for state updates. For me, there has always been one thorn in the React+Flux setup, which is that more complicated processes involving coordination of action creators and side-effects are ha
Why use Redux over Facebook Flux?
I've read this answer, reducing boilerplate, looked at few GitHub examples and even tried redux a little bit (todo apps). As I understand, official redux doc motivations provide pros comparing to traditional MVC architectures. BUT it doesn't provide an answer to the question: Why you should use Redux over Facebook Flux? Is that only a question of programming styles: functional vs non-functional? O
Fundamentals of Redux Course from Dan Abramov
In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users with a well-crafted experience with minimal bugs. It's also one of the hardest aspects of a modern front-end application to get right. Redux provides a solid, stable, and mature solution to managing
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: いまから始めるWebフロントエンド開発: 松田承一 (著), 柴田和祈 (編集): Digital Ebook Purchas
Insights | Nearform
GitHub - decosoftware/deco-ide: The React Native IDE
GitHub - sethvincent/send-action: A tiny module for managing state
GitHub - choojs/choo: :steam_locomotive::train: - sturdy 4kb frontend framework
GitHub - sskyy/redux-task: A simple Side Effects manager for redux.
GitHub - matthewmueller/28kb-react-redux-routing: React + Redux + Routing Stack for just 28kb
GitHub - matthewmueller/socrates: Small (8kb), batteries-included redux store to reduce boilerplate and promote good habits.
