React HooksとContextAPIでFluxをやってみる - コネヒト開発者ブログ
CTO室エンジニアの安達 (@dachi_023) です。React v16.8で待ちに待ったHooksが (20日前に) リリースされました。そんなHooksを使ってFluxやる時ってどうするんだろう？と思ったので調べて写経してみました。 reactjs.org 書いたコード create-react-app して出てきたものをいじって作りました。Flux化するまでに書いたコードだけを見たい場合は コミットログ が分かりやすいかもしれません。 github.com 余談: 実際書いてみて「Hooksちゃんと理解してなかったなぁ、9割くらい写経だとしても覚えるために書くというのは良いことだ」と感じられました。 やってみる お題: +1 / -1 ができるカウンターの実装 useReducer() とContextでStoreをつくる Actionの発行 → dispatch → State
react-js-flux-failures
Takuya Digital crafts(man|dog). Love photography. Always making otherwise sleeping. born in 1984. ノートアプリを作りながら学んだ３つのこと 最近、Electron + ReactJS構成でノートアプリを作ってます。 拙作で使うのは両方とも初めてですが、軽く概要だけ知った状態から始めました。 そのためいろいろ転んだわけですが、たぶんこれから始め(てい)るみなさんにも参考になるんじゃないかと思ったので、その失敗をシェアしたいと思います。 もっといい方法あるよ！とかコメント欄などで教えていただけると幸いです 😉 本エントリでは、以下の３つのケースで自分がやりがちな失敗パターンを紹介します。 非同期処理の中途ステートを取り扱う アクションの結果を複数のストアに反映させる ReactJS/fluxと親
ARMORBET78: Solusi Main Game Online Populer
Armorbet78 adalah sebuah solusi terbaik untuk bermain game online terlengkap dengan layanan daftar login gratis di situs link armor bet78! ARMORBET78: Solusi Main Game Online Populer ARMORBET78 muncul sebagai solusi yang signifikan di dalam industri permainan online. Platform ini menawarkan akses ke berbagai game populer, menjadikannya sebagai pilihan utama bagi banyak penggemar game. Dengan anali
Flux Utilsで始めるReact + Fluxアプリケーション開発 - コネヒト開発者ブログ
こんにちは。エンジニアの安達(@ry0_adachi)です。 今回はReact + FluxをFlux Utilsを使って導入するための話をしたいと思います。 この記事を書こうと思った理由 普段ちょっとしたツールなんかをReactを使って実装したりするのですが、その時にReduxとかでやっているとファイル増えたりしてすごく冗長だなあと感じて、もっと薄く実装できるライブラリを使おうと思った時に手に取ったのがFlux Utilsでした。 この記事ではFlux UtilsにおけるFluxアプリケーションの実装方法に加えて、そもそもReactやFluxって今までのライブラリやフレームワークと比べて何がいいのか？について説明していきます。初歩的な書き方やjsxだったりについては話さないのでドキュメントなどを読んでいただければと思います。 ドキュメント React Flux ReactとFluxを導入
React + Flux入門 - Qiita
この記事ではReactとFluxのアーキテクチャの概要と、実際にReactとFluxを使ってアプリを開発する方法を簡単に説明します。特にFluxにフォーカスしています。 併せて、ReactとFluxを使ったアプリを簡単に作れるようにするstarter-react-fluxというツールもnpmに公開しました。使い方はこちらです。これを使えば、React + Flux + Babel + Webpack + ESlint + Prettier + Jest他ポピュラーなライブラリで構成されるPWAをすぐに生成できます。また、JavaScriptだけでなくTypeScriptにも対応しています。この記事は入門編なのでJavaScriptで説明しています。 Fluxとは Facebookが提唱したUIを持ったアプリを作るためのアーキテクチャです。アーキテクチャを実現するための同名のライブラリもあり
Reduxは不要ではないか？ - Qiita
僕の本職はサーバーサイドなのですが、半年くらいReactとReduxを使ったフロント部分を触ったので、書きたいと思います。 先にReact.jsについてですが、本家がチュートリアルをしっかりと用意しており、学習コストも高くなく、悪くないものだなと思いました。 しかし、Reduxが入った途端、めっちゃ複雑になった印象があります。chromeのプラグインを入れて開発するのが普通とか言われたのですが、そんなものを使わないと作業できないくらいに複雑で辛いなぁという印象です（Javascriptは、console.logがあれば、ほぼ開発できる気がします。） ここから先は、こんなこと考える人も居るんだなぁ程度で見てください。Reduxが好きな人はすごく嫌な記事かもしれません。その場合は、ここでそっ閉じしてください。 Reduxはモダンだから採用した これよく聴くのですが、本当に辞めてほしいです。jQ
クライアントサイドのモデルとは何か 後編 ~ 単方向データフローと参照透過性 - mizchi's blog
この記事は クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 - mizchi's blog の後編。 前提として、今回の出す例で、「Web フロントエンドで、そこまで複雑な状態を考慮するなんてそもそも間違ってる」という意見があると思う。これに関して、そもそも「SPA というものが、いかに実現可能になったか」という視点の話であり、また、自分の経験上「フロントエンドなんて雑でシンプルでいいでしょ」というものが、複雑な構成を取っていくのを、何度も目にしてきた、という2つの前提がある。 適切な粒度に応じた適切な構成をとるべし、というのは別の話で、今回、対象が複雑なアプリケーションなのは前提とする。 Flux 以前 先の記事で ActiveRecord を前提にしたサーバーサイド ORM をクライアントで輸入しようとすると、クライアントでは Storage 層が存在し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
