タグ「状態管理」 - はてブログ

タグ状態管理

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 49件)

個人開発の SwiftUI アプリのアーキテクチャを MVVM から MV にした - maiyama log

2023/12/27 26 users iOS MVVM SwiftUI アーキテクチャ趣味

概要 SwiftUI Advent Calendar 2023 の 21 日目です。最近趣味で iOS の podcast クライアントを SwiftUI で作っているのですが、やってみると podcast クライアントはアプリとしてそれなりに難しいことがわかってきました。作っているうちにどんどん状態管理が複雑になってきて、個人開発でなぜこんなにがんばりが必要... 続きを読む

Reactの状態管理におけるuseReducerとuseContextの活用例

2023/11/02 15 users React useContext useReducer 松田

こんにちは、アルダグラムでエンジニアをしている松田です。 Reactで状態を管理するにあたっては、useStateの利用が挙げられることが多いです。実際、数値や文字列、真偽値などのプリミティブな値であれば、useStateが適切なケースが大半でしょう。ただ、値を投入するだけではなく、追加・削除・更新といった操作が要... 続きを読む

ReactにおけるUI/UXデザインとコンポーネントの基本原則の解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

2023/07/16 7 users React コンポーネントコンポーネントベース基本原則

Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なア... 続きを読む

kintone アプリ作成フォームの UI の状態管理のライブラリ選定 - Cybozu Inside Out | サイボウズエンジニアのブログ

2023/04/20 14 users kintone React フロリアサイボウズエンジニア

サムネイルこんにちは！kintone のフロントエンド刷新プロジェクト（フロリア）の@nkgrnkgrです。フロリアでは、kintone のフロントエンドの ClosureToolsで書かれたコードを React に置き換えています。本記事ではフォーム画面の UI の状態管理に使うライブラリを選定する際に、どのような検証と意思決定を行ったか... 続きを読む

UIデザインにおけるステートマシン - 弁護士ドットコム株式会社 Creators’ blog

2022/11/20 87 users ステートマシン一気通貫 Creators’ blog 実装

はじめに弁護士ドットコムデザイナーの林（@taka_piya）です。弁護士ドットコム案件管理システムでは、アプリケーションとUIの状態管理にXStateを用いたステートマシンでの管理を導入しています。この記事では、UIデザインの考え方にステートマシンを導入し、実装まで一気通貫で行う方法と、そのメリットについて説... 続きを読む

ToDoアプリ作成を通したReactの状態管理ライブラリ基礎学習~第二部 Redux-Toolkit編~ - RAKUS Developers Blog | ラクスエンジニアブログ

2022/11/17 13 users React ラクス koki_matsura 前回本日

こんにちは！ラクス入社1年目のkoki_matsuraです。本日は、Redux-Toolkitの基本的な状態管理や仕組みをTodoアプリ作成を通して、ご紹介させていただきます。こちらの記事は「Todoアプリ作成を通したReactの状態管理ライブラリ基礎学習」の2部目です。前回の「Redux編」を読んでいない方は下記のリンクからお読みいた... 続きを読む

useReducer + useContext + Typescriptに慣れよう

2022/11/05 11 users React TypeScript useContext 概要

概要以下の記事で「useReducer + Typescript」について記事を書きました。今回はその第 2 弾として、useReducer での状態管理を子のコンポーネントでも使えるようにするために、 useContext と組み合わせた場合にどのようにプログラムを書けば良いかをご説明します。想定読者 React がなんとなく書けるレベル以上の方... 続きを読む

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/10/21 122 users エンジニアHub React+Redux 負債 jQuery

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計遷移なく表示コンテンツを変更できるシングルページアプリケーションでは、ページの状態管理が重要になります。現在はReactによるUI構築とReduxによる状態管理を選択しているChatworkは、jQueryなどの技術的負債... 続きを読む

input[type=number] のステートを安易に number 型にしない - fsubal

2022/10/03 11 users fsubal String TypeScript input

#フロントエンド #TypeScript #React TL;DR input[type=number] には空文字とかも入力できるので、string 型で状態管理をしないと意図しない動きをすることがあるステートの型を縛るより input の value に渡るまでの実装を工夫する方が良い --- input[type=number] のステートを安易に number 型にするとだいたい後悔... 続きを読む

キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture

2022/09/12 13 users アーキテクチャキャッシュ

キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture 続きを読む

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

2022/08/21 158 users React Recoil 動向 redux 歴史

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

React/Next.jsでの俺的ベストプラクティスを見てくれ

2022/08/20 235 users React Zenn ベストプラクティスコンポーネント焦点

木瓜丸です。最近になって、やっとNext.jsを上手く使いこなせてるんじゃないか？！と思えるようなコンポーネントの設計手法を見つけたので、Zennにまとめてみたいなと思います。この記事で触れることこの記事では、主にページ単位でどのように状態管理を行うのかに焦点を当てることにします。コンポーネントの管理の... 続きを読む

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

2022/08/05 12 users Qiita Recoil 超新星 React エンジニア

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

SwiftUIと宣言的UI

2022/04/18 17 users iOS SwiftUI 利点登場日々

SwiftUIと宣言的UI SwiftUIの登場によりiOSでも宣言的UIを意識してUIを構成する日々が始まりました。この記事ではそもそも宣言的UIとは何か。また、宣言的UIの利点やSwiftUIで宣言的UIを実現するためにどういう機能が提供されているかを書いていきます。また、SwiftUIで提供されている状態管理についても解説します。 ... 続きを読む

Reactの状態管理の変遷に関する自分史 From 2014 To 2022

2022/03/05 126 users React バラつきアーキテクチャ度合い変遷

はじめに 2014年にReactを触りはじめて以降、2022年現在まで集中の度合いにバラツキはあるものの、ずっとReactでなんらかのアプリケーションを書いてきました。その中で様々なアーキテクチャや設計に関する議論がありましたが、特に状態管理についての変遷を自身の体験をもとにまとめてみたいと思います。多分に昔話的... 続きを読む

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/01/13 271 users hooks React Server Components

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。こんにちは、小... 続きを読む

宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践/swiftui-graphql - Speaker Deck

2021/09/18 21 users GraphQL Speaker Deck 実践

Transcript 1 એݴత6*ͷঢ়ଶ؅ཧͱΞʔΩςΫνϟ 4XJGU6*ͱ(SBQI2-ʹΑΔ࣮ફ J04%$�� !TPOBUBSE�ͦͳଠ Appify Technologie s CT O ͦͳଠ @sonatard 3 "QQJGZ w 4IPQJGZɺ#"4&ͷJ04ɺ"OESPJEͷΞϓϦΛ/P$PEFͰϦϦʔε͢ΔαʔϏε� w ؅ཧը໘͔ΒωΠςΟϒΞϓϦͷσβΠϯΛಈతʹ͕มߋՄೳ 8FC7JFXͰ͸ͳ͍ � w %SPJE,BJHJͰൃද༧ఆͰ͢� w ΦϑϥΠϯళฮͱͷ࿈ܞ� w όοΫΤϯυ� w ($1ɺ(P� w ࣾһ�ਓ� w ۀ຿ҕୗɺ෭ۀ��ਓ� w ࠾༻� ... 続きを読む

ぼくのかんがえたさいきょうのデータフェッチ 2021Summer?‍♂️【Next.js / Hasura】

2021/07/16 17 users データフェッチ GraphQL Hasura クライアント

フロントエンドアプリケーションの開発を行う上で避けては通れないデータフェッチの実装。 REST APIを使うか、GraphQLを使うか、クライアントでキャッシュするか、APIレスポンスにどのようにして型を付けるか、状態管理はどうするのかなど、開発者の悩みが尽きないけれども、それに関しての設計を考えたり議論を行うのは... 続きを読む

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

2021/06/29 17 users Recoil Frontend タスク配属新卒

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

Cypressで始めるReactのE2Eテスト-導入から実際にテストを書いてみよう！

2021/03/23 15 users 兼ね合い工程 Cypress フロントエンドみむら

こんにちはかみむらです。 SPAの登場で状態管理が複雑化するに連れて、よりフロントエンドのテストが重要になってきました。しかし、なかなか導入できていないところが多いのではないでしょうか。その中でもE2Eテストは工数の兼ね合い、優先的にテストできない工程ですよね。そこで、今回は導入コストが低いCypressで... 続きを読む

Vue.js 状態管理の選択肢 - そのVuex本当に必要ですか - / Vue.js State Management Options - Speaker Deck

2021/03/17 18 users Vuex cons Pros Speaker Deck Vue

Transcript Vue.js ঢ়ଶ؅ཧͷબ୒ࢶ ʙ ͦͷVuexຊ౰ʹඞཁͰ͔͢? ʙ @KawamataRyo 2021/03/17 iCARE Dev Meetup #19 ࣗݾ঺հ @KawamataRyo LAPRAS גࣜձࣾ TypeScript, Vue, Firebase, Ruby ݩফ๷࢜?? ࠓ೔࿩͢͜ͱ Vuex + α ͷঢ়ଶ؅ཧख๏ͷ঺հ ͦΕͧΕͷ Pros/Cons ͷ·ͱΊ ͳͥঢ়ଶ؅ཧΛςʔϚʹʁ? Vuex ݏΘΕ͗͢͡Όͳ͍͔..? Vuex ? ? ? ? ? ? ? ? ? ͦΕͬͯຊ౰ʹVuexͷ໰୊ͳͷͩΖ͏͔ʁ VuexΛ ద੾ʹར༻Ͱ͖ͯͳ͍ or ద੾... 続きを読む

(1 - 25 / 49件)

次の25件 »