JSXを使ã†ãƒ©ã‚¤ãƒ–ラリを作るã«ã¯ã“ã‚“ã«ã¡ã¯ã€‚ãƒãƒ¼ãƒ ラボフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰çã®é¹¿å³¶ã§ã™ã€‚最近ã®è¶£å‘³ã¯ Factorio ã§ã™ã€‚ç·‘ãƒã‚¤ã‚¿ãƒ¼ã«æ€¯ãˆã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€React ã‚„ Preactã€Hono ã®ã‚ˆã†ãªã€JSX を扱ã†ãƒ©ã‚¤ãƒ–ラリを作るãŸã‚ã«å¿…è¦ãªã‚ã‚Œã“ã‚Œã«ã¤ã„ã¦ã€èª¿ã¹ãŸã“ã¨ã‚’紹介ã—ã¾ã™ã€‚内容ã¨ã—ã¦ã¯ä»¥å‰ç¤¾å†…勉強会ã§ç™ºè¡¨ã—ãŸã‚‚ã®ã¨åŒã˜ã§ã™ãŒã€è¨˜äº‹ã«ã™ã‚‹ã«ã‚ãŸã£ã¦ã¾ã¨ã‚ç›´ã—ã¦ã„ã¾ã™ã€‚ã™ã“ã—é•·ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ãœã²æœ€å¾Œã¾ã§ãŠä»˜ãåˆã„ãã ã•ã„ï¼ JSX ã¨ã¯ JSX ã¯ã€JavaScript ã®æ‹¡å¼µæ§‹æ–‡ã§ã™ã€‚主㫠React ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ãéš›ã«ç”¨ã„られã€HTML ã®ã‚ˆã†ãªè¦‹ãŸç›®ã‚’æŒã¡ã¾ã™ã€‚ <div className={style["todo"]}> <h2 className={style["heading"]}>Todo</h2> <TodoList> <TodoItem checked={true}
{{#tags}}- {{label}}
{{/tags}}