RecoilとRxJSってどう違うの？　共通点は？　調べてみました！

2023/02/01 16 users ロジック 筆者 成果 ステップ 非同期処理

皆さんこんにちは。筆者は最近Recoilを推す記事を量産しています。その成果か、Recoilは非同期処理を交えたロジックを書くのが得意であるということは以前よりも知られるようになりました。その次のステップの話題としてよく見られるのが「Rxと似ている」「Rxとどこが違うの？」といったものです。Rx (Reactive Extensio... 続きを読む

それでもどうしてRecoilを使うのか / Harajuku.ts Meetup Recoil

2023/01/20 66 users 事例

2023年1月20日 Harajuku.ts Meetup 〜 Recoilの事例集めました〜 にて発表した資料です。 続きを読む

【Recoil】Reactの状態管理ライブラリ基礎学習 ~リファクタ編~ - RAKUS Developers Blog | ラクス エンジニアブログ

2022/12/08 7 users React ラクス koki_matsura ToDoアプリ

こんにちは、ラクス入社1年目のkoki_matsuraです。 本日は前回記事の「【Recoil】Reactの状態管理ライブラリ基礎学習 ~第三部~」で作成したToDoアプリのRecoil部分をリファクタするとともにパフォーマンスを上げるためにどうするかについてご紹介させていただきます。 もし、前回の記事を読んでいない方は下記のリンクか... 続きを読む

Recoilとwebpack.DefinePluginと環境変数の名前 - 私が歌川です

2022/12/07 6 users Webpack アプリケーション 環境変数 ビルド時 コード

これは React Advent Calendar 2022 7日目の記事です。 Recoilを使っているアプリケーションでWebpackのDefinePluginを使って環境変数の値をビルド時に埋め込むとき、Webpackの設定によっては環境変数の名前がビルドしたコードに含まれてしまう場合があります。 具体的には、以下のようにDefinePluginの process.env キ... 続きを読む

Recoilにロジックを載せる運用戦略

2022/12/07 19 users React ailead バベル 筆者 エンジニア

皆さんこんにちは。株式会社バベルでエンジニアをしている uhyo です。バベルが提供しているaileadというプロダクトではNext.jsおよびReactを使用しています。以前から、自分はaileadのフロントエンドにおいてRecoilの利用を推進する活動をしてきました。実は、筆者が以前に公開した次の記事もその流れを汲んだものです... 続きを読む

Reactにおける状態管理の動向を追ってみた

2022/08/21 158 users React 動向 redux 状態管理 歴史

こんにちは、@nerusanです。 皆さんは、状態管理ツールなどは使っておられますでしょうか。 例えば、有名なところでは、Redux, Recoilなどがあります。 今回は、Reactにおける状態管理について歴史を知ることで、なぜ、Reduxが使われるようになったのか？何をReduxなどで扱えばいいのか？今どうなっているのかを調べたの... 続きを読む

React 状態管理ライブラリの超新星？！「Jotai」をさわってみた - Qiita

2022/08/05 12 users Qiita 超新星 React エンジニア 状態管理ライブラリ

最近知り合いのエンジニアから「Jotai」という状態管理ライブラリがRecoil より軽くてつかいやすいよ！と教えてもらったので早速「Jotai」をさわってみみました 🐣Jotaiとは？ パッケージ名は日本語の「状態」から名付けられた Recoil にインスパイアされたatomモデルを採用しReactの状態管理を行える atom依存関係に基... 続きを読む

ProviderタワーをRecoilに置き換える

2022/06/26 66 users baz provider return 呼称 React.FC

ReactアプリケーションではProviderタワーがよく見られます。Providerタワーは、アプリの上の方で次のコードのように複数のProviderが積み重なっている状態のことです（一般的な呼称かどうかは知りません）。 const App: React.FC = () => { return ( <FooProvider> <BarProvider> <BazProvider> <MainContents /> </Baz... 続きを読む

【LINE証券 FrontEnd】Recoilを使って安全快適な状態管理を手に入れた話 - LINE ENGINEERING

2021/06/29 17 users Frontend タスク 配属 新卒 フロントエンドエンジニア

こんにちは。LINEフィナンシャル開発センター フロントエンドエンジニアの峯です。 先日新卒としてLINE証券プロジェクトに配属となり、最初のタスクとしてRecoilによる状態管理の導入に取り組みました。 その際、なぜRecoilにしたのか、また本番開発にRecoilを使うにあたって設計に気をつけたことなどを本記事でご紹介し... 続きを読む

Reactの新しい状態管理ライブラリ「Recoil」とは？ Reduxとの違いを解説 - ICS MEDIA

2021/02/24 29 users redux React ICS MEDIA 手法 概要

Reactの開発において、状態管理の方法は注意深く検討する必要があります。現状Reduxが大きい勢力ではありますが、以前の記事『ベストな手法は？ Reactのステート管理方法まとめ』でも紹介した通りさまざまな状態管理の手法が現在でも編み出されています。今回は状態管理ライブラリ「Recoil」についての概要と簡単な使い... 続きを読む

React 新しい状態管理ライブラリ Recoil の紹介 | Ria

2020/06/18 13 users RIA Facebook redux React 実装

2020/05 Facebook から新しい状態管理ライブラリ Recoil がリリースされました。 まだ実験的な実装みたいで変更が入る可能性が高いですが、これまでの状態管理のアプローチにない魅力があったので試していきます。 Recoil の何が嬉しい？Reactで一番有名な状態管理ライブラリといえば Redux ですが、 Redux はrootコンポ... 続きを読む

ep.49 ReThink state managements - Recoil から見える未来 | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/06/12 9 users Podcast UIT INSIDE キャッチ 未来 開発者

ゲスト紹介 @Hanakla さん pixiv VRoid Hub チーム Web 製映像編集ソフト Delir の開発経験を元に、ステート管理フレームワーク Fleur を開発 【SSRも】Fleur − 新しいFluxフレームワーク【イケる】 - pixiv inside @uhyo_ さん LINE フィナンシャル開発センター Web開発室 個人ブログ: uhyo/blog 【LINE証券 FrontEnd】... 続きを読む

MobX作者による、RecoilとMobXについての簡単なまとめ - console.lealog();

2020/05/17 14 users MobX github.com API http 印象

http://github.com/facebookexperimental/recoil 先日のReactEuropeで発表されたてホヤホヤの、ExperimentalなReact向けの状態管理ライブラリであるRecoil。 ただAPIとかやりたいことを見てると、「MobXファミリーとの違いってなんぞ・・？」って個人的になってました。 インターネットでも同じような印象を受けた人はい... 続きを読む

Recoil について勉強した - mizdev

2020/05/16 95 users Props Facebook uhyo mizdev Blog

Fecebook が新しく発表した Recoil について 自分の学習手順 Getting Started | Recoil を写経して動かす Facebook 製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog で非同期周りを理解 公式ドキュメントの API Reference で理解 <RecoilRoot ...props /> | Recoil これは自分が写経しながら書... 続きを読む

Facebook製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog

2020/05/15 283 users uhyo Facebook製 筆者 視点 Blog

昨日、Facebook製のReact用ステート管理ライブラリRecoilが発表されました。Facebook製といってもReact公式のステート管理ライブラリとかそういう位置付けではないようですが、それでも大きな注目を集めているのは間違いありません。 そこで、筆者がRecoilに対して思ったことや、筆者の視点から見たRecoilの特徴を記事に... 続きを読む

Recoil

2020/05/14 27 users

Minimal and ReactishRecoil works and thinks like React. Add some to your app and get fast and flexible shared state. Data-Flow GraphDerived data and asynchronous queries are tamed with pure functions and efficient subscriptions. Cross-App ObservationImplement persistence, routing, time-travel deb... 続きを読む

800ps超トラックで飛びまくり!BJ Baldwin Recoilシリーズ第3弾公開! - 車好きの勝手な妄想/新型車最新情報&動画

2015/11/12 6 users 妄想 車好き 新型車最新情報&動画 大爆走 レース

2015-11-12 800ps超トラックで飛びまくり!BJ Baldwin Recoilシリーズ第3弾公開! オフロード 毎年恒例となっている、世界一過酷なレース”バハ1000”参戦ドライバー「BJ Baldwin」による大爆走動画、「Recoil」シリーズの第3弾「Sasquatch Hunter」が公開！ 今回も・・・「そこ道じゃないよ！！」（笑） サスカッチを追いかけ大爆走！ BJ Bal... 続きを読む