グローバルステートとは 人気・最新記事を集めました - はてな (original) (raw)
グローバルステート
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
関連ブログ
こんにちは！ スマレジ テックファームのMichiです！ 前週に引き続き、Reactのキャッチアップをしていきます。今回は『グローバルステートの管理』について学びます。 グローバルステートの管理方法 Contextを使用する方法 外部ライブラリを使用する方法（Redux） Reduxの基本概念: ステート（State） リデューサー（Reducer） アクション（Actions） 実践 準備 ステートの利用 ステートの更新 どうやって使い分けるのか？ Contextのメリット Reduxのメリット まとめ グローバルステートの管理方法 Reactにおけるグローバルステートの管理方法は2つありま…ネットで話題
6ブックマークグローバル・ステート・オブ・ウェーブランド - Wikipedia
関連ブログ
findy.connpass.com こちらのイベントに参加してきたので、会の様子と感想を書いていこうと思います。 会の概要 会の様子 Storybook駆動開発でフロントエンドリアーキテクトに立ち向かう Storybook開発で普段使っている機能 フロントエンドリアーキテクチャで抱えていた課題 開発体制 Storybook駆動開発の効果 Storybook駆動開発を起動に乗せるアプローチ Pages Router × EmotionからApp Router × Vanilla-extractへの移行 App Routerとvanillaの導入に踏み切った背景 vanilla-extractの…
マルチプロダクト戦略を掲げてプロダクトを急速に増やし続けている SmartHR のフロントエンド領域について、2018年から SmartHR に参加しているフロントエンドエンジニアの nabeliwo と技術顧問の koba04 が、これまでの振り返りと今後の展望を話しました。 SmartHR のフロントエンドでどんな技術が使われてきてどんな課題と向き合ってきたのか、そして今現在取り組んでいる課題や SmartHR ではどんなフロントエンドエンジニアが求められるのかなど、幅広いテーマが出てきました。 この記事ではその模様をお届けします。 目次 フロントエンドの Rails からの脱却とフロント…
ようやくolcarのNuxt3アップデートverをリリース出来た。今回は時間捻出などいろいろ工夫した点もあるので備忘録として 期間 コミット開始の3/14から7/28までの4ヶ月半。実際ほNuxt3の勉強もしたので約5ヶ月掛かってる。Nuxt2のサポート切れに間に合わんかった😭 時間の取り方 仕事も忙しく、子どもの寝かせ付けは交代でやっているので時間が取れなさすぎて1日30分〜1時間を週3ぐらいで開発した。さらに4月からジム行き始め、子供が寝た22時すぎから週3ぐらいでジムに行くので開発に集中出来ていない。ただ時間がないからと言って1時間以上はやらず、きっちりやめるということを徹底した。結果的…
はじめに STORES 予約 でエンジニアをしているyuta07です。 STORES 予約 の管理画面の新規開発はNext.jsを用いて開発しているのですが、日々のカジュアル面談や採用活動でフロントエンドの技術状況についての質問を受けることが増えてきました。 今回は STORES 予約 のフロントエンド開発の中でもコンポーネント粒度と依存関係チェックについて紹介します。 はじめに 主な使用技術 コンポーネントの分類 Pages Templates Organisms Molecules Atoms 依存関係チェック Eslintによる依存ルール おわりに 主な使用技術 Next.js、Reac…
Reactで子から親へ値を渡す方法 コード例 Parent.tsx Child.tsx 説明 Reactで子から親へ値を渡す方法 Reactで子コンポーネントから親コンポーネントに値を渡すには、親コンポーネントがコールバック関数を作成し、それを子コンポーネントに引数(props)として渡す方法が一般的です。 Reduxなどを使用してグローバルステートで管理もできますが、今回はコンポーネントの階層を通してバケツリレーをする方式です。以下はその具体例です。 コード例 Parent.tsx import React, { useState } from 'react'; import Child f…
once.com Writebookについて Writebookは、https://37signals.com/books のようなオンラインブックを構築できるツールです。 これは37signalsのONCEというモダンなパッケージインストール型ソフトウェアを再考したものの一部で、37signalsのポッドキャストでたびたびコンセプトが言及されています*1。ブログ世代としてはMovable Typeを彷彿させます。 Writebookを無料にしている理由は、これをゲートウェイとしてCampfireにも流れていくことを期待しているようです。 セットアップ https://once.com/wri…
前回記事の続き、今回はバックエンドとアプリの続きを実装 PR backend github.com アプリ github.com 実装 まずはbackendを実装 今回はNestJSのGuardの機能を使いFirebase認証を作成 docs.nestjs.com コードは以下のような感じ ■ src/common/guards/auth/auth.guard.ts import { CanActivate, ExecutionContext, Injectable } from '@nestjs/common' import { GqlExecutionContext } from '@ne…
2024/4/18 https://cyberagent.connpass.com/event/314102/ 新規開発と並走したリファクタリング戦略 Kurisaki.Kazumaさん 作っているもの 3つのプロダクトが同一リポジトリ 3000行のコンポーネントとか propsバケツリレー useEffect chain リファクタリング リターンが大きくリスクが小さいものから ドメインやコードの理解が深まってから大物を 新規開発でもリファクタをすることも その方が早くなるケース フロントエンドのりアーキ やったこと AtimicDesighからFeatureベースへ ReduxからSWRへ…
ゆるコンピューターラジオを聴いていて(40時間Lispを勉強したら信者になれる？)、Lisp面白そうだなと思ったものの、違う言語を今からやる気力は無いので、僕がよく使っているRubyとの比較でいろいろ聞いてみました。 面白そう・・。 かなり前に勉強してみた関数型言語の特徴もLispくらいコードとデータの区別のないコードを常用することを念頭におけば自然な制約かもしれない・・と、少しだけ思いました。 ちなみに、もう少し複雑な例として挙げてもらったLispLikeクラスの例は、Rubyの標準クラスの標準的な振る舞いで同じことができるので、特にLispの強みを示す例としては適切でないかもしれませんが、…
原因 storyや_app.tsxでがなかった事 発覚する過程 hooks内でsetStateできない ↓ 別の箇所でsetState試すもできない ↓ すでに同じグローバルステートをsetしている箇所を検索 ↓ 別のstoryではProviderでのラップがあったが今見ていた画面のstoryに関してはなかった。
シングルトンで生成されたインスタンスはいつまで永続するのか シングルトンを使用する具体的な場面 シングルトンで生成されたインスタンスはいつまで永続するのか シングルトン（Singleton）は、特定のクラスからのインスタンスが常に1つだけ存在するように設計されたデザインパターンです。 シングルトンで生成されたインスタンスは、通常、プログラムの実行中にずっと存在し続けます。 ただし、いくつかの要因によってインスタンスの寿命が影響を受けることがあります。1. プログラムの実行時間: シングルトンのインスタンスは通常、プログラムが実行されている間だけ存在します。 プログラムが終了すると、そのインスタ…
UIコンポーネントテストを書く行為は後回しになりやすい。それは難しさが要因に含まれているからと考えられる。 どのような部分が難しいのだろうか。 セットアップが難しいから UIコンポーネントを動かすためにはブラウザ環境を擬似的に再現する必要がある。このこと自体はテストライブラリが実行してくれる。 問題はその後で、「実際にUIコンポーネントが動作する状況を追加で作り出す」のが難しい。ここで折れてしまいやすい。 例えば、ダークモード（背景が暗い色）とライトモード（背景が明るい色）の2つを切り替えられるアプリケーションがあったとする。 モードの状態管理がグローバルステート管理ライブラリの実装に依存して…
りまりま団のもふもふです。 2023年の仕事を納めたので振り返りをやっておきたいと思います。 昨年分 振り返りブログを更新できなかった 課題感を強く感じないと行動できない性格なので、守れたNext Actionはそのときの課題に結びついている。来年も継続。 と言っていたにもかかわらず、ブログは書けなかった。4月に昇格1してしまったからか（？）まだ公開してない領域の仕事を任されることが増えたため。振り返りは大体仕事の課題に直結してしまうので「これは怒られになるだろうか」とかひよって書けなかった。 代わりにほぼ日手帳に直近の仕事の振り返りや所感を書くようにした。ブログの更新が止まりやすいのは公開で…
目次 目次 第1部: Singletonパターンとは？ 1.1 Singletonパターンの基本概念 1.2 Singletonの利点と欠点 利点 欠点 第2部: KotlinにおけるSingletonの実装 2.1 Kotlinの特性を活用したSingletonの実装 objectキーワードを使用したSingleton 2.2 複雑なシナリオでのSingletonの使用 ディレイド初期化（lazy initialization） 外部依存性を含むSingleton 第3部: Singletonの実践的な活用 3.1 実世界の例としてのSingletonの使用 KotlinでのSingleto…
こんにちは。サーバーエンジニアの平野です。今回の記事では、私たちが運用中のプロジェクトにPHPの静的解析ツールであるPHPStanを導入した経緯とその効果についてご紹介したいと思います。コードの品質を高めるためのツールとして、ユニットテストやフォーマッター、プロファイリングツールなどと並んで静的解析ツールが挙げられますが、運用中のプロジェクトに導入するとなるとコストや運用上の影響を考える必要があります。これらを踏まえ、私たちがPHPStanをどのように導入しどのような効果を得られたのかについてお話しします。 1. PHPStanについて PHPStanとは、PHPプログラムの静的解析ツールです…