Hookã¨Redux Toolkitã§React Reduxã«å…¥é–€ã™ã‚‹ | Hypertext Candyã“ã®è¨˜äº‹ã§ã¯ã€React アプリケーション㫠Redux を組ã¿åˆã‚ã›ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ タイトルã®é€šã‚Šã€React ã®æ©Ÿèƒ½ã§ã‚ã‚‹ Hook 㨠Redux ã®çµ„ã¿è¾¼ã¿ã‚’ç°¡å˜ã«ã—ã¦ãれるライブラリ Redux Toolkit を活用ã—ãŸæ¯”較的新ã—ã‚ã®æ–¹æ³•ãªã®ã§ã€ä»–ã®è§£èª¬è¨˜äº‹ã¨ã¯å°‘ã—ç•°ãªã‚‹è¨˜è¿°ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã“ã‚Œã‹ã‚‰ React ã‚„ Redux を勉強ã™ã‚‹æ–¹ã¯æˆ¸æƒ‘ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å°Žå…¥æ–¹æ³•ãŒã„ãã¤ã‹ã‚ã‚‹ã¨ã„ã†ã ã‘ã§ã€ã©ã¡ã‚‰ã‚‚é–“é•ã„ã§ã¯ãªã„ã®ã§ã€å‚考ã®ä¸€ã¤ã¨ã—ã¦èªã‚“ã§ãã ã•ã„。 Redux ã¨ã¯ çŠ¶æ…‹ç®¡ç† Redux ã¨ã¯ã€JavaScript製ã®çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ 「状態ã€ã¨ã¯ã€ã‚¢ãƒ—リケーションã§æ‰±ã†å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ã¨ã„ã†ç†è§£ã§ã‚ˆã„ã§ã—ょã†ã€‚ãŸã¨ãˆã°ãƒ¦ãƒ¼ã‚¶ãƒ¼åã¨ã‹ã€ã„ã„ãã®æ•°ãŒã€ŒçŠ¶æ…‹ã€ã§ã™ã€‚状態ã¯æ™‚系列ã¨ã¨ã‚‚ã«å¤‰åŒ–ã—ã¾ã™ã€‚ 状態管ç†ãƒ©ã‚¤ãƒ–ラリãŒè§£æ±ºã™ã‚‹å•é¡Œã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã¾
React Hooks 親コンãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰åコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã®DOMã‚’ ref を使ã£ã¦è§¦ã‚ŠãŸã„。 - ã‹ã‚‚メモ
React window リサイズ時ã«ãƒªã‚¹ãƒˆè¦ç´ ã®é«˜ã•ã‚’æƒãˆãŸã„ - ã‹ã‚‚メモ
ã€React hooks】æ„外ã¨çŸ¥ã‚‰ãªã„refã®ä½¿ã„æ–¹ - Qiita
フックã«é–¢ã™ã‚‹ã‚ˆãã‚ã‚‹è³ªå• â€“ React
最近Reactを始ã‚ãŸäººå‘ã‘ã®React Hooks入門
{{#tags}}- {{label}}
{{/tags}}