CATEGORY React

Reactの学習カテゴリです。

[React]useReducerの使い方メモ

useReducerがかなり便利そうだったので、メモします。 useReducerとは useReducerは、Reactアプリ内での状態管理を行う機能です。 状態とは、例えば変数が保持する値などを指します(それだけでは…

[React]useContextの使い方メモ

こんにちは。KOUKIです。 ReactのuseContextの使い方を学んだので、メモしておきます! なぜ、useContextが便利なのか useContextが導入される前は、props drillingという問題…

React – useEffectの使い方メモ

こんにちは。KOUKIです。 皆さんは、ReactのuseEffectについてご存知でしょうか。 Reactアプリがレンダリングされた時に発火するReactの組み込み機能です。 触った感触では、かなり便利そうだったので、…

ReactでTodoアプリを作ろう2!

前回は、Todoアプリケーションの追加、削除機能を実装しました。 コンテクストの導入 Reactのように状態管理を活用するフレームワークには、prop drilling問題がついてまわります。 共有したデータを子Comp…

ReactでTodoアプリを作ろう!

Todoアプリは、プログラミング初学者の方が学習するには、うってつけです。 何故なら、Todoアプリには、登録・参照・更新・削除のいわゆるCRUD(クラッド)と呼ばれる機能を詰め込み、かつ、シンプルに実装できるからです。…

React~基礎編~Stateパターン

react

React学習記録 前回のReact~基礎編~サイコロアプリケーションでは、ReactのStateを使った簡単なアプリケーション開発を学びました。今回は、ReactのStateパターンを学びましょう。 前提条件 Reac…

React~基礎編~State

react

React学習記録 前回のReact~基礎編~APP開発では、Reactのより実践的なアプリケーション開発について学習しました。今回は、ReactのStateについて、学びましょう。 State概要 より高度なアプリケー…

React~基礎編~Props

react

React学習記録 こんにちは! 今回は、Propsについて学びましょう^^ Propsとは Propsとは、Propertyを意味する言葉です。例えば、関数の引数になります。 Propsを利用することで、コンポーネント…

React~基礎編~APP開発

react

React学習記録 前回のReact ~基礎編~ Propsでは、Reactのプロパティについて学習しました。今回は、Reactのアプリケーション開発について、学びましょう。 環境構築 今まではCDNを使った環境でRea…

React~基礎編~サイコロアプリケーション

react

React学習記録 前回のReact~基礎編~Stateでは、ReactのStateの機能について学習しました。今回は、ReactのStateを使ってアプリケーション開発を学びましょう。 事前準備 「React環境構築(…