ã€React Reduxåˆå¿ƒè€…å‘ã‘】Todoリスト作æˆã‚’通ã—ã¦ã—ã£ã‹ã‚Šå¦ã¶Redux | アールエフェクトReactã®Reduxã®åŸºç¤Žã¯ç†è§£ã§ãã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã‚ˆã‚Šå®Ÿè·µçš„ãªã‚³ãƒ¼ãƒ‰ã§Reduxã®ç†è§£ã‚’æ·±ã‚ãŸã„ã¨ã„ã†äººå‘ã‘ã«Todoリストã®ã‚¢ãƒ—リケーションを作æˆã‚’通ã—ã¦Reduxã®èª¬æ˜Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚useState, useSelector, useDispatchãªã©ã®React Hooksを利用ã—ã¦ä½œæˆã—ã¦ãŠã‚Šconnectã‚„mapStateToPropsã¯åˆ©ç”¨ã—ã¦ã„ã¾ã›ã‚“。 作æˆã™ã‚‹Todoリストã®ã‚¢ãƒ—リã§ã¯Todoリストã®è¿½åŠ ã€å‰Šé™¤ã€Todoリストã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹å¤‰æ›´(未完了→完了）ã®æ©Ÿèƒ½ã‚’æŒã¡ã¾ã™ã€‚ 環境ã®æº–å‚™ Todoリストã®ã‚¢ãƒ—リケーションを構築ã™ã‚‹å‰ã«Reactプãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã‚’è¡Œã„ã¾ã™ã€‚ % npx create-react-app react-todo-list 作æˆã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹•ã—ã¦ã€npx startコマンドを実行ã—ã¾ã™ã€‚ReactãŒèµ·å‹•ã™ã‚‹ã‹ç¢ºèªã—ã¦ã
{{#tags}}- {{label}}
{{/tags}}