2022-01-01ãã1ã¶æéã®è¨äºä¸è¦§
Reactã§æ§ç¯ã§ããã¢ããªã±ã¼ã·ã§ã³ã®ã¢ã¤ãã¢å ±æã®å 容ã«ãªãã¾ãã ããã¦Reactã§ã®æåã¢ããªã±ã¼ã·ã§ã³ã®ãç´¹ä»ãè´ãã¾ãã
åå¿è åãã®Webpackåºæ¬æ§æãã¡ã¤ã«ã®ã»ããã¢ããæé ã詳ãã解説è´ãã¾ãã
åå¿è åãã®Webpackã¨Babelã使ç¨ããReactè¨å®ã®åºæ¬çãªæ¹æ³ã解説ãã¦ããã¾ãã
ãã®è¨äºã§ã¯ãTypeScriptã®å©ç¹ãç´¹ä»ããåå¿è ããä¸ç´è ã¾ã§ã誰ãããã®è¨èªã«èå³ãæã¤ããã«åºæ¿ãã¾ãã
React.jså ¥éãããåã«JavaScriptåå¦è æ§ã«åãããæ¡ä»¶åå²ããæ¯è¼æ¼ç®åããè«çæ¼ç®åãetcã§ã®å¦ç¿ã¨ãªãã¾ãã
Reactã«é¢é£ããç¨èªãã¾ã¨ãã¦ã¿ã¾ããã
React Hooksã§ã©ã¤ãã©ãªã使ç¨ããã«ã¢ã¼ãã«ãå®è£ ãã¦ããæ¹æ³ããªãã¹ãè¤éã§ã¯ãªãç°¡åãªã®ãåå¦è æ§ã«è§£èª¬ãã¦ããã¾ãã
å½ããã°ã®è¨äºã§ã¯ãReact/Next.jsã§ã®ã«ã¼ãã£ã³ã°ã«ã¤ãã¦ç¥ã£ã¦ããå¿ è¦ã®ããã«ã¼ãã£ã³ã°æ¹æ³ãåå¦è æ§ã«è§£èª¬ãã¦ããã¾ãã
Next.jsã§ã®ã¢ããªå ¨ä½ã§ç¶æ 管çãããå ´åã®ç°¡åãªæ¹æ³ã解説ãã¦ããã¾ãã
äºåæºå Vercelã¨ã¯ Git Hubã¨é£æº Vercel ã¢ã«ã¦ã³ãã®ä½æ ã¾ã¨ãã¨æ©è½ ä»åã¯ãNext.jsããã¸ã§ã¯ãããããã¤ããæ¹æ³ã«ã¤ãã¦è§£èª¬ãã¾ãã ãããã¤å ã«ã¯å¤ãã®é¸æè¢ãããã¾ããã代表çãªãã®ã«ãCloudflare PagesãããNetlifyããããã¾ãã ãâ¦
Next.jsã§ã«ã¼ãã£ã³ã°ããéã®éçã»åçã«ã¼ãã£ã³ã°ããæ¹æ³ãåå¦è æ§ã«èª¬æãã¦ããããã¨æãã¾ãã
Next.jsã§ããã¸ã§ã¯ããæ§é åããä¸è¬çãªæ¹æ³ã«ã¤ãã¦ç´¹ä»è´ãã¾ãã
Reactã®ãã¬ã¼ã ã¯ã¼ã¯ã§ãããNext.jsãã®å ¥éã¨ãªãã¾ãã
Reactã®ãã«ã¹ã¿ã ããã¯ãã³ã³ãã¼ãã³ããä½æãã¹ã¯ãã¼ã«ã¤ãã³ããªã¹ãã¼ã§ã¦ã¼ã¶ã¼ã®ç¾å¨ã®ã¦ã£ã³ãã¦ä½ç½®ãåå¾ããæ¹æ³ã解説ãã¾ãã
ãuseDebugValueãããã¯ããä½ãªã®ãããã使ç¨ããæ¹æ³ãããã¦ããã¤ããã使ç¨ããå¿ è¦ããããã«ã¤ãã¦åå¦è ã«è§£èª¬ãã¦ããã¾ãã
React Routerã¯v5ã¨v6ã§ã¯ã©ãéãã®ããã©ãå¤æ´ãããã®ãã詳ããåå¦è æ§ã«èª¬æãã¦ããã¾ãã
Reactãæ±ãåå¿è ã¨çç·´ããéçºè ã®ä¸¡æ¹ããReactããã¯ã®ä½¿ç¨ã«ããã¦ã«ã¼ã«ãå®ãå¿ãã¦ãã¾ããã¨ãããã¾ãã ãã®è¨äºã§ã¯ãReactã³ã³ãã¼ãã³ãã«ããã¯ãå®è£ ããéã«å¿ è¦ãªã«ã¼ã«ã«ã¤ãã¦èª¬æããã¯ãªã¼ã³ã§èªã¿ãããã³ã¼ããæ¸ãããã®ãã³ããâ¦
Reactéçºè ã«ã¨ã£ã¦ãå¶å¾¡å¯è½ãªã³ã³ãã¼ãã³ããä½æãããã¨ã¯éè¦ã§ãããã®è¨äºã§ã¯ãReactããã¯ã使ã£ã¦åå¿è ã§ãå¶å¾¡ãããã³ã³ãã¼ãã³ããä½æããæ¹æ³ãç´¹ä»ãã¾ãã