Rails 7 㧠React & TypeScript ã‚’å°Žå…¥ã™ã‚‹æ–¹æ³•ï¼ˆtsx, esbuild, jsbundling-rails） - LEFãƒã‚°ï¼šå¦ç¿’記録ノート※ã“ã®è¨˜äº‹ã§ã¯ã€Œæ–°ã—ãRails 7 アプリを作æˆã™ã‚‹ã¨ãã®ã“ã¨ã€ã‚’想定ã—ã¦ã„ã¾ã™ãŒã€Rails 6ã‚’7ã«ä¸Šã’ã‚‹ã¨ãã«ã‚‚ãã‚Œãªã‚Šã«å½¹ç«‹ã¤æƒ…å ±ã ã¨æ€ã„ã¾ã™ï¼ çµè«– rails newã®ã¨ãã«esbuildを指定ã—ã¦ã‚ã’ã‚Œã°ã€ã‚ã¨ã¯JavaScriptファイルや.jsxファイルをã€.tsxã«ã—ã¦ã‚ã’ã‚‹ã ã‘ã§OK。 åž‹ãƒã‚§ãƒƒã‚¯ã‚„構文ãƒã‚§ãƒƒã‚¯ã‚’å°Žå…¥ã™ã‚‹ã«ã¯å°‘ã—注æ„ãŒå¿…è¦ã€‚ æ¦‚è¦ ç¾åœ¨ã€Rails 7を使ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’構築ã™ã‚‹æ–¹æ³•ã«ã¯ã€å¤§ãã分ã‘ã¦ï¼“種類ã‚ã‚Šã¾ã™ã€‚ importmapsを使ã£ã¦ã€ç´ ã®JavaScriptを使ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’作る esbuildを使ã£ã¦ã€JSXファイルを使ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’作る Rails 7ã‚’APIモードã«ã—ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯Nextjsã§ä½œã‚‹ 自分ã¯ã“ã®ï¼’番ã‚ã®ã€Œesbuildを使ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’作るã€ã‚’é¸æŠžã—ã¾ã—ãŸã€‚ç†ç”±ã¯ã€Railsã®slim上
{{#tags}}- {{label}}
{{/tags}}