2023-03-10から1日間の記事一覧

勝手に独自のチュートリアルを行う②~ボタンをクリック後に無効にする~

www.delftstack.com これはそのまま使わせてもらいます。 独自のチュートリアルを作るためのTips 次に押すべきボタンの数字を上に表示し、その数字と同じボタンを押すと、ボタンが無効になるというのをやってみます。 <index.js> import React from 'react';import Rea</index.js>…

CSSなしでボタンのテキストカラーと背景カラーをstyleで設定する~React.jsベース~

<index.js> import React from 'react';import ReactDOM from 'react-dom/client';import './index.css';import MonoButton from './MonoButton'; const root = ReactDOM.createRoot(document.getElementById('root'));root.render( //<React.StrictMode> <MonoButton /> //</React.StrictMode>); <MonoButton.js> import A…</monobutton.js></index.js>

Reduxあるいは似たものを学ぶ②

JavaScript + Zustandをやってみる。ZustandもRedux系のものですので、Reduxの概念は理解しておいたほうがよさそうです。 dev.classmethod.jp qiita.com Reactで状態管理 初心者でも簡単Zustandの設定方法 | アールエフェクト (reffect.co.jp)

React.jsの設計思想

①React初学者が必ず押さえておきたい考え方とは?【コンポーネント指向のフロントエンド】 | in-Pocket インポケット ②Reactの思想を理解してリファクタする - Qiita 上記HPを参考にしてます。 個人的に重要と思われるところから、再学習してみます。 まず、…