Reduxとは 人気・最新記事を集めました - はてな (original) (raw)
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
関連ブログ
REDUXという高画質modはGTA5を遊んだことがある方なら一度は聞いたことがあるのではないでしょうか？ 今回は、その中でも面倒なREDUXのアンインストールの手順を解説したいと思います。 そもそもREDUXってなに？ なぜアンインストールが面倒なの？ 手順１：バックアップを取る 手順２：modsフォルダを削除する 手順３：modsフォルダを作り直す 手順４：バックアップしておいたファイルを再びOpenIVにて上書きする modsフォルダではなくメインディレクトリにREDUXをインストールしてしまった場合 手順１：バックアップを取る 手順２－Ａ：modsフォルダの中身をGTA5のメインディレ…ネットで話題
747ブックマークたぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita
671ブックマーク2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る
535ブックマークReact, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - FRTKL
466ブックマークRedux 再考 - mizchi's blog
451ブックマークYahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話
428ブックマークReact/Redux約三年間書き続けたので知見を共有します | Enigmo Life
418ブックマークReact with Reduxによる大規模商用サービスの開発 / nodefest2016
378ブックマークReact Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜
340ブックマークTypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 | フューチャー技術ブログ
関連ブログ
Redux とは、状態管理モジュールの1つで、 Fulx アーキテクチャの影響を受けて作られたものです。 Vuex の React 版みたいな感じです。 Vuex は Vue 用の状態管理モジュールです。 だいたい Store とか State などの単語が登場します Next.js プロジェクトに導入しようとしたら、 ちょっとハマったので記録に残しておきます。
参考 公式のありがたい画像 画像に出てくる各用語の解説 Store Reducer State UI Action payload Dispatch EventHandler StoreとEventHandlerの繋ぎ createAsyncThunkとは createAsyncThunkの構文 createAsyncThunkの引数 createAsyncThunkの戻り値 createSliceとは 構文 引数 戻り値 サンプルコード ちょっと分かりづらい所メモ（ActionCreatorとtype） ActionCreator reducersとextraReducersのtypeの違い…
Reduxとは 参考サイト 素のReduxコードと公式画像を照らし合わせて理解する 最初にまとめ Store Reducer State UI Action type payload Dispatch EventHandler StoreとEventHandlerの繋ぎ Reduxとは 状態を管理するライブラリ。 アプリケーション全体で状態を管理できるため、propsで渡す手間が省ける。 propsのバケツリレーを回避できる。 React以外でも使える。 参考サイト www.udemy.com redux.js.org qiita.com 素のReduxコードと公式画像を照らし合わせて理解する…
Node.jsがDenoに変わったりと最近、web界隈を支えてきたコア技術の入れ替わりが多い気がしますね。 一部界隈で、OSSの時代は終わったみたいな声がささやかれてますがその影響だったりするんだろうか。 もともと、OSSって自身のスキルを示すために開発している節があったので、そうした取り組みが破綻し始めてると考えると、web界隈の人気もしばらく低迷しそう。 webpackが開発終了 Internet Explorerへの対応する役割を完遂 webpackの開発者はturbopackへ 公式githubはまだまだ稼働していそう turbopack vs viteの争いへ 速度重視ならturbo…
（参考URL） next.js + typescript で Redux Toolkit を使う最小サンプル Getting Started with Redux（公式） Redux Toolkit TypeScript Quick Start Next.js + typescript のインストール npx create-next-app . --ts reduxtoolkitとreact-reduxのインストール yarn add @reduxjs/toolkit react-redux では、シンプルでも動く構成で作っていきます。 やることは 型と初期値を定義 slice（機能）の定義 …
目次 はじめに Next.js と Redux の概要 環境構築 Redux ストアの作成 Next.js に Redux を統合する 非同期アクションの対応 Redux DevTools のセットアップ 最適化Tips さいごに 1. はじめに この記事では、Next.js を使ったアプリケーションで Redux を用いた状態管理方法と、パフォーマンスの最適化手法について解説していきます。独自のリアクティブなストアを実装せずにすむ Redux を効果的に導入し、アプリのパフォーマンスを向上させましょう。 2. Next.js と Redux の概要 Next.js：React ベースのサーバ…
まさかの落とし穴の対策。 レビューにも書いたが赤い所のM.2。風が当たらないので爆熱になる・・・ 風がないなら、起こせばいいじゃない。 って事で、使ってないサーキュレーターで応急処置。 これでいいんだけど、PCのON/OFFに連動できないので カッコ悪いが背に腹は返れないので、ケースFUNを購入。 なんでもよかったんですが、知り合いのおすすめだった NoctuaのFUNを購入。 ◆Noctua NF-P14s redux-1200 PWM 高いだけあって箱、豪勢すぎひん？ｗ 別に120㎜でよかったけど、商品の発送日の関係で140㎜にした。 だ、ださい・・・ 仮置きでグラボの上にぽんとおいてるだ…
こんにちは！ スマレジ テックファームのMichiです！ 前週に引き続き、Reactのキャッチアップをしていきます。今回は『グローバルステートの管理』について学びます。 グローバルステートの管理方法 Contextを使用する方法 外部ライブラリを使用する方法（Redux） Reduxの基本概念: ステート（State） リデューサー（Reducer） アクション（Actions） 実践 準備 ステートの利用 ステートの更新 どうやって使い分けるのか？ Contextのメリット Reduxのメリット まとめ グローバルステートの管理方法 Reactにおけるグローバルステートの管理方法は2つありま…
「たったこれだけで "ひととおり" って言うな！」というツッコミは甘んじて受けます。 触ったもの useReducer + useContext 👍 React 本体の知識だけで使える ❌ reducer に非同期処理を書けない ❌ Context が増えてきたら非常に読みづらくなる ❌ 結果的に劣化 Redux ができがちなので、よっぽど小規模でない限りわざわざ採用するメリットは無い Redux Toolkit 👍 素 Redux と比べてボイラープレートコードは減った ❌ 非同期処理の絡むコードは必ずしも読みやすくない（私見） 非同期の処理は extraReducers という所に分けて書…#Redux#Redux Toolkit#Recoil#jotai
2024/11/16 https://kansai.tskaigi.org/ TypeScriptの型システムは万能機械の夢を見るか？ canalun(かなるん)さん https://docs.google.com/presentation/d/1hnvPiSCI2UBIZ0x5OTl3ZFHvIGMIl3g37It1_Qd7hNA/edit 型システム 型システムでどこまで複雑な処理を解けるか 有限オートマトン booleanで返す問題を解ける チューリングマシン スタックを無限に伸びるテープにする アルゴリズムを実現できる これを超える仕組みはない TSの型システムでチューリングマシンを実…
こんにちは、SWETの伊藤(@akito0107)です。 SWETが所属する品質管理部では開発プロセスや検証プロセスなどの業務をProcess Flow Diagram（PFD）を使って可視化し、 チーム全体の認識合わせや業務効率化に活用しています。 この記事ではPFDそのものやPFDを用いた業務可視化の実例を紹介します。 その後、SWETで開発しているPFDを記述するためのツール、PFD Draw Toolを紹介します。 PFD（Process Flow Diagram）とは PFDとは清水吉男氏がDFD（Data Flow Diagram）を基にして、人が行う作業に使えるようにアレンジした…
週報135回目（2024年11月15日）
こんにちは。自キ温泉ガイドのサリチル酸です。 今週は主に天キーに向けて色々やりました。
前座 始めまして，ちゃんくろです。 普段は大学に通いながらiOSエンジニアとしてインターンに参加させていただいたり，IT系学生団体Tech.Uniの運営をさせていただいたりしている中で2024年春のサポーターズ1on1できっかけをいただき，10月中旬から11月中旬にかけて STORES レジでiOSインターンをさせていただくことになりました。 そこで学んだことや取り組み。僕自身1ヶ月のSTORESでのインターンを通して得たことを書いていければと思います。 期間中の取り組み 期間中に取り組んだTaskとしては以下のものが挙げられます。 レジ七不思議 会計後の顧客検索条件のリセット カート内キーボ…
Apollo Client の Reactive variables（リアクティブ変数）について調べた www.apollographql.com Reactive variablesは、Apollo Client が提供する状態管理の仕組みの一つ グローバルなクライアントサイドの状態を管理するために使われる 基本的な使い方 1. Reactive variableの定義 makeVar を使って変数を作成する これはグローバルな状態として扱われる import { makeVar } from '@apollo/client'; // 初期値を設定してReactive variableを作成…
2）日本民族の伝統文化と天皇神話の４００年宗教戦争。天皇の人道貢献と戦争回避の平和努力。 •9日前
・ ・ ・ 関連ブログを６つ立ち上げる。プロフィールに情報。 ・ ・ ｛東山道・美濃国・百姓の次男・栗山正博｝・ 日本の土地神話とは、資本主義価値観やマルクス主義価値観による私欲・強欲な金儲けではなく、日本神話価値観による土地には「神・霊・念」が宿るという宗教である。 ・ ・ ・ 日本神話の民族宗教では、日本の自然の至る所に八百万の神々が鎮座している。 普遍宗教では、大地は天地創造の絶対神が一日を創り、自然の至る所に生死を司る絶対神の御意思が宿っている。 ・ ・ ・ 多発する自然災害によって数千人から数十万人が犠牲になり、死者の魂・霊魂が日本全土に染み込み、死者は幽霊となって日本全土に徘徊して…
はじめに 作ろうと思ってから完成までに半年以上かかったキーボードについてのオタクの早口を書いていきます。 最終的にこんな感じのキーボードができあがりました。 KX-52M(愛称"Tochka52")完成図雑に打鍵音を録音してみた様子はこちら。適当に打鍵動画を撮ってみましたが、実際に聞いているのとかなり違うので難しい pic.twitter.com/A1deI5NMnD— ぴろりどん (@piroridon) November 7, 2024 Switch: Keygeek Mirror Lake Keycap: Drop + MiTo SA Godspeed 以下、こだわりポイントとか経緯を書…
Kaigi on Rails 2024 で登壇してきました。 発表したスライド speakerdeck.com 伝えたかったこと テーマとしては大きく2つありました。 状態は極力持たないほうがいい、もたせるなら最小限かつ管理したいものを明確にする。 変数の再代入というのは変数に状態変化を生んでしまう。そのため可能であればしないようにする。 補遺編 今回のプロポーザルの動機 今回の起源としては「変数への再代入はやめよう」が一番最初にありました。そのためプロトタイプ的な記事は以下になります。 変数代入を複数回行うと何が良くないのか、どうするといいのか - コード日進月歩 特にRailsではCont…
※本記事は、ChatGPTによる意訳+翻訳を活用し、文章に手を加えたものです ※元記事を見て、内容がズレていないか査読するようにしています。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンドの現状2024 チームとテクノロジー チーム構成 フレームワーク ライブラリ データ ホスティング 継続的インテグレーション マイクロフロントエンド パッケージマネージャ 開発者とユーザーエクスペリエンス TypeScript ブラウザ技術 プログレッシブウェブアプリ デザインシステム スタイルツール テスト コード管理 ローコード/ノーコード 構築ツール オペレーティングシステム トレンドと将…
Laravelのセットアップ CoreUI管理画面テンプレートのデータをダウンロードしてZIPを展開 必要なライブラリをインストール Laravel側のファイルの書き換え resources/js/coreui のコンポーネントファイルを.tsx拡張子にする レイアウトの resources/js/Layouts/AuthenticatedLayout.tsx （管理画面なので） CSSの読み込み DefaultLayout コンポーネントでchildrenを出す。 SCSSのコンパイルでWarningが出まくるよ問題 管理画面テンプレートをbuildする。 ルーティングの問題 Reactのペ…
はじめに こんにちは！ テクノロジー戦略本部24年新卒の高橋です。 2023年の10月から内定者インターンを経験し、現在は開発3部CRMチームでフロントエンド(以後、FE)エンジニアとして働いております。 チーム内でFEの状態管理ライブラリを選定する機会があり、調査していく中で得た知見を共有したく、執筆に至りました。 少しでも状態管理ライブラリの選定に困っているFEエンジニアの参考になればと考えています。 はじめに 概要 前提 課題感 Context APIの思想とのズレ Context APIの記述量の多さ 状態管理ライブラリに求める要素 小さい単位で取り扱い可能 ボイラーテンプレートが少な…
今回は、サイコムの最新ミドルタワーPCモデル「Radiant GZ3600Z890」のレビューをお届けします。 このモデルは、コストパフォーマンスと最新技術を兼ね備えたPCとして注目を集めています。特に、インテルの最新プロセッサー「Core Ultra 5 245K」を搭載しており、様々な用途で優れたパフォーマンスを発揮します。 スペック CPU: Intel Core Ultra 5 245K CPUクーラー: Noctua NH-U12S redux [空冷/CPUファン] マザーボード: Intel Z890チップセット メモリ: DDR5-5600 16GB（8GB×2） ストレージ:…
こんにちは、ゲーミングPC愛好家の皆さん！ 今回は、サイコムから登場した最新ゲーミングPC「G-Master Spear Z890」を徹底レビューしていきます。サイコムは、カスタマイズ性と信頼性の高いPCを提供していることで知られ、特にゲーミングPCの品質には定評があります。 今回は、標準スペックをもとに、「G-Master Spear Z890」のスペックや性能、評価などのポイントをチェックしながら、おすすめのユーザー層や口コミ情報も交えたレビューをお届けします。 スペック まずは「G-Master Spear Z890」の標準スペックについて見ていきましょう。このモデルは、最新のIntel…
MobXという状態管理ライブラリについて調べた mobx.js.org MobXは、JavaScriptで状態管理を簡単かつ効率的に行うためのライブラリ リアクティブプログラミングの概念に基づいていて、アプリケーションの状態が変化した際に自動的にUIが更新される仕組みを提供する 基本概念 Observable MobXはオブジェクト、配列、マップなどを監視可能にする これにより、状態が変更されると自動的に変更を検知する Observer ReactなどのUIフレームワークと組み合わせる場合、Observerとして機能するコンポーネントはObservableの変更を検知して再レンダリングする C…
こんにちは、カケハシのAI在庫管理チームでフロントエンドエンジニアをしている Nokogiri です。今回は、AI在庫で利用している zustand をv4系からv5系にアップデートした際に、reselect を導入した理由と、その経緯について説明します。 zustand導入の経緯 zustand導入の経緯や活用法に関しては以下の記事をご覧ください。 v5で何が変わったか？ 変更点はいくつかあります。 デフォルトのエクスポートの削除 非推奨の機能の削除 React 18 を最低限必要なバージョンにする React.useSyncExternalStore にピュアに依存するようになる などなど…