TwitterやSlackのRedux Storeを覗く | Recruit Tech Blog
{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していました。 以下は投稿が複数のコメントを持つ例です。postsはcommentsのidだけを持っています。 { posts : { byId : { "post1" : { id : "post1", author : "user1", body : "......", comments : ["comment1", "comment
JavaScript frameworks security report 2019 | Snyk
ProductsProducts What is Snyk? Developer-first security in action
React Conf 2019に参加した話 - sasurau4のブログ
はじめに PDTで10/23 - 10/25に開催されたReact Conf 2019に参加してきたので、その参加レポートです。 筆者の英語力が頼りないため、内容の正確性に保証はありません。また、人名はすべて敬称略です。 ここに書ききれなかった内容については、お会いしたときに酒の肴として聞いてください。 参加した経緯 CFP募集してたから応募した 採択されなかったけど、おまけで抽選免除でチケット購入できる案内がきた せっかくだし、自前でチケット買って行くことにした なんやかんやで10/11のTSConfも行くことにした どうしてこうなったんだろう🤔 ちなみに、時系列的にはUSに3週間弱滞在してたうちの第三部です。 第一部TSConf編と第二部Los Angeles編は近いうちに書きます。 参考リンク conf.reactjs.org www.youtube.com www.youtube
22 Miraculous Tools for React Developers in 2019 – JSManifest
React, as we know it, is a JavaScript library to build amazing user interfaces. But not everybody is using the same tools or know all of the great ones out there that help make the react development experience funner and more proactive. If you haven't used react yet or have friends that might be interested in using it, what do you say when they ask you why they should use the library? Besides tell
React + Redux + Comlink = Off-main-thread — surma.dev
Toggle dark mode Redux is state management. State management belongs off the main thread. React is a popular web framework.Some love React for its component abstraction, some because of its vast ecosystem and some for its meta-platform properties. Note: I use words like “popular” or “often” being very aware that I am under the influence of the Web Development Twitter Echo Chamber™️. Your mileage m
Cube — The Universal Semantic Layer
Build AI and analytics solutions with unified dataCube’s leading universal semantic layer platform is the evolution of OLAP, transforming how enterprise teams manage and consume data. Say goodbye to inconsistent models and metrics. Now you can deliver fast, trusted data to any consumer, while making your data AI-ready.
ReduxでのMiddleware不要論 - Qiita
問題提起 （※タイトルはキャッチーなのにしましたが、Middleware全般の不要論ではありません。非同期処理において不要論です。） Redux使うときに非同期処理はどう書きますか？ 「よくわからないけどMiddleware使うらしい」と思考停止していませんか？ この記事では、Reduxは本来どのように扱うことを想定されているのかと、なぜ非同期処理の文脈でもMiddlewareが出てきたのか、そして「実はMiddleware無くても読みやすく書けるよね」という話をしていこうと思います。 Reduxでの設計を悩む人への個人的な解です。 （気になる・詳しく知りたい箇所などありましたらお気軽にコメントください） この記事のゴール ActionDispatcherという筆者が命名したクラスを使うことで、 複数の非同期処理を含むロジックでも読みやすく書ける ネットワーク通信などを含んでもテストがしや
React Velocity - Reactアプリのコンポーネントを作成
Reactで開発を進める際に、まず画面全体の設計を行うのが大事です。全体を囲むコンポーネント、そして画面の各要素を構成するコンポーネントと順番に作っていきます。それをやらずに開発を進めると後で修正が大変でしょう。 そこで使ってみたいのがReact Velocityです。コンポーネント設計を行い、スケルトンコードを生成します。 React Velocityの使い方 例です。Webブラウザ上で自由に画面を構成できます。 Redux版。 作成した画面構成をダウンロードすると、こんな感じにファイルが生成されます。 React Velocityはあくまでもスケルトンコードで、イベントなどが実装される訳ではありません。とは言え、まずはReact Velocityで画面構成を作っておけば、コンポーネント間の関連も可視化されるので分かりやすくなるでしょう。 React VelocityはJavaScrip
Twitter Lite and High Performance React Progressive Web Apps at Scale
A look into removing common and uncommon performance bottlenecks in one of the worlds largest React.js PWAs, Twitter Lite. Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions. Unfortunately, there’s never just one quick fix. Performance is a continuous game of watching and measuring for areas to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kng9@mochiya98
腐らないUIテストのためのStorybook + Storyshots / #react_kyoto v0.3.0
GitHub - thebuilder/react-intersection-observer: React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
GitHub - Oblosys/react-lifecycle-visualizer: Real-time visualizer for React lifecycle methods