ã€React】カスタムフックã§statefulãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ•´ç†ã™ã‚‹ - yigarashiã®ãƒ–ãƒã‚°ã“ã‚“ã«ã¡ã¯ã€‚最近ã¯ä»•äº‹ã§ React を書ã始ã‚ã¾ã—ãŸã€‚æ•°å¹´å‰ã« React を触ã£ãŸæ™‚㯠class component ã‚’ã›ã£ã›ã¨æ›¸ã„ãŸè¦šãˆãŒã‚ã‚‹ã®ã§ã™ãŒã€æœ€è¿‘㯠functional component 㨠react hooks を組ã¿åˆã‚ã›ã¦æ›¸ãã“ã¨ã‚‚ã§ãるよã†ã§ã™ã€‚react hooks ã®æ¦‚è¦ã¯å…¬å¼ãƒ‰ã‚ュメントç‰ã‚’èªã‚“ã§ã‚‚らã†ã“ã¨ã«ã—ã¦ã€æœ¬è¨˜äº‹ã§ã¯ã€è‡ªä½œã®ã‚«ã‚¹ã‚¿ãƒ フック㧠stateful ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ•´ç†ã™ã‚‹ä¸€ä¾‹ã‚’紹介ã—ã€ãã‚Œã«ã‚ˆã£ã¦äº«å—ã§ãるメリットを少ã—深掘りã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ•´ç†ã™ã‚‹å‰ã®ã‚³ãƒ¼ãƒ‰ ã¾ãšã¯åƒ•ãŒæœ€åˆã«ãŠè©¦ã—ã§æ›¸ã„㟠TypeScript ã®ã‚³ãƒ¼ãƒ‰ã‚’ãŠè¦‹ã›ã—ã¾ã™ã€‚インターãƒãƒƒãƒˆã«è»¢ãŒã£ã¦ã„る例をã¤ãŽã¯ãŽã—ã¦ã€è¦‹ã‚ˆã†è¦‹ã¾ãã§æ›¸ã„ãŸæŠ•ç¨¿ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚コードä¸ã® useQuery ã¯ã€apollo client ã®ãƒ•ãƒƒã‚¯ã§ã€ä¸Žãˆã‚‰ã‚ŒãŸ GraphQL クエリ
{{#tags}}- {{label}}
{{/tags}}