React็’ฐๅขƒๆง‹็ฏ‰ใฎๆ•™็ง‘ๆ›ธ

ยท ใ‚คใƒณใƒ—ใƒฌใ‚น NextPublishing
แƒ”แƒšแƒฌแƒ˜แƒ’แƒœแƒ˜
111
แƒ’แƒ•แƒ”แƒ แƒ“แƒ˜

แƒแƒ› แƒ”แƒšแƒฌแƒ˜แƒ’แƒœแƒ˜แƒก แƒจแƒ”แƒกแƒแƒฎแƒ”แƒ‘

ๆœฌๆ›ธใฏReactใ‚’ใƒ†ใƒผใƒžใซใ€Webใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บใฎ็’ฐๅขƒๆง‹็ฏ‰ใ‚’1ใค1ใคไธๅฏงใซ่งฃ่ชฌใ—ใพใ™ใ€‚็‰นใซ่จญๅฎšใŒ่ถณใ‚Šใชใ„็Šถๆ…‹ใงๅ‹•ใ‹ใ™ใจใฉใ†ใชใ‚‹ใฎใ‹ใ€ใชใœใใฎ่จญๅฎšใŒๅฟ…่ฆใชใฎใ‹ใซใคใ„ใฆ่ธใฟ่พผใ‚“ใง่ชฌๆ˜Žใ—ใฆใ„ใพใ™ใ€‚็’ฐๅขƒๆง‹็ฏ‰ใฎ้›ฃใ—ใ•ใฏใ€่จญๅฎšใ‚’ใฉใ‚Œใ‹1ใคใงใ‚‚้–“้•ใˆใ‚‹ใจๅ‹•ใ‹ใชใ„ใ“ใจใซใ‚ใ‚Šใพใ™ใ€‚ใใฎใŸใ‚ใ€็’ฐๅขƒๆง‹็ฏ‰ใ‚’ใ™ใ‚‹้š›ใฏ1ใค1ใคใฎ่จญๅฎšใง่‡ชๅˆ†ใŒไฝ•ใ‚’ใ—ใฆใ„ใ‚‹ใฎใ‹ใ‚’ๆญฃ็ขบใซๆŠŠๆกใ—ใชใ‘ใ‚Œใฐใ„ใ‘ใพใ›ใ‚“ใ€‚ใ“ใฎๆœฌใงใฏๆš—้ป™็š„ใซใ€Œใใ†ใ„ใ†ใ‚‚ใฎใ ใ‹ใ‚‰ใ€ใจๆ€ใ‚ใ‚ŒใŒใกใช่จญๅฎšใซๆณจ็›ฎใ—ใ€่งฃ่ชฌใ—ใพใ™ใ€‚ใฉใฎ่จญๅฎšใ‚’่ถณใ•ใชใ‘ใ‚Œใฐๅ‹•ใ‹ใชใ„ใฎใ‹ใ€ใ‚ตใƒณใƒ—ใƒซใ‚ณใƒผใƒ‰ใ‚’็คบใ—ใชใŒใ‚‰ๅญฆใถใ“ใจใŒใงใใพใ™ใ€‚
ใ€็›ฎๆฌกใ€‘
็ฌฌ1็ซ ใ€€Node.jsใ‚’ไฝฟใฃใŸใƒ“ใƒซใƒ‰็’ฐๅขƒๆ•ดๅ‚™
็ฌฌ2็ซ ใ€€Babelใ‚’ไฝฟใฃใŸใƒˆใƒฉใƒณใ‚นใƒ‘ใ‚คใƒซ
็ฌฌ3็ซ ใ€€TypeScriptใ‚’ไฝฟใฃใŸใ‚ณใƒณใƒ‘ใ‚คใƒซ
็ฌฌ4็ซ ใ€€webpackใ‚’ไฝฟใฃใŸใƒใƒณใƒ‰ใƒซใจใƒ“ใƒซใƒ‰
็ฌฌ5็ซ ใ€€ESLintใ‚’ไฝฟใฃใŸ้™็š„่งฃๆž
็ฌฌ6็ซ ใ€€Prettierใ‚’ไฝฟใฃใŸใƒ•ใ‚ฉใƒผใƒžใƒƒใƒˆ
็ฌฌ7็ซ ใ€€Storybookใ‚’ไฝฟใฃใŸใ‚ณใƒณใƒใƒผใƒใƒณใƒˆ็ฎก็†
็ฌฌ8็ซ ใ€€Jestใ‚’ไฝฟใฃใŸใƒ†ใ‚นใƒˆ
็ฌฌ9็ซ ใ€€0ใ‹ใ‚‰็’ฐๅขƒใ‚’ไฝœใฃใฆใฟใ‚‹
ไป˜้ŒฒAใ€€ใƒใƒผใ‚ธใƒงใƒณใฎ่ฟฝๅพ“

แƒแƒ•แƒขแƒแƒ แƒ˜แƒก แƒจแƒ”แƒกแƒแƒฎแƒ”แƒ‘

็ด„3ๅนด้–“ใ€ๅคงๆ‰‹ไบ‹ๆฅญไผš็คพใซใฆๅ–ถๆฅญใ‚„้–‹็™บใ‚’็ตŒ้จ“ใ—ใ€็พๅœจใฏใƒ•ใƒชใƒผใƒฉใƒณใ‚นใจใ—ใฆ็‹ฌ็ซ‹ใ€‚2019ๅนด2ๆœˆใ‹ใ‚‰ๆ ชๅผไผš็คพTechBowlใŒๆไพ›ใ™ใ‚‹TechTrainใงใƒกใƒณใ‚ฟใƒผใ‚’ๅง‹ใ‚ใ‚‹ใ€‚2019ๅนด7ๆœˆใซใฏๆ ชๅผไผš็คพKaizen Platformใซใฆ็คพๅ†…ๆจชๆ–ญใฎใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บๅŸบ็›คใƒปใƒ†ใ‚นใƒˆๅŸบ็›คใฎ่จญ่จˆใƒป้–‹็™บใƒปไฟๅฎˆใ‚’ๆ‹…ๅฝ“ใ™ใ‚‹ใ€‚็พๅœจใฏๆ–ฐใ‚ขใƒผใ‚ญใƒ†ใ‚ฏใƒใƒฃ็งป่กŒใซๅ‘ใ‘ใŸใƒ†ใ‚นใƒˆใ‚„ใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆใฎๆ•ดๅ‚™ใ€ใƒ‘ใƒƒใ‚ฑใƒผใ‚ธใ‚ฌใƒผใƒ‡ใƒ‹ใƒณใ‚ฐใจใใฎ่ชฟๆŸปใซๅพ“ไบ‹ใ—ใฆใ„ใ‚‹ใ€‚

แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ แƒฌแƒแƒ™แƒ˜แƒ—แƒฎแƒ•แƒแƒกแƒ—แƒแƒœ แƒ“แƒแƒ™แƒแƒ•แƒจแƒ˜แƒ แƒ”แƒ‘แƒ˜แƒ—

แƒกแƒ›แƒแƒ แƒขแƒคแƒแƒœแƒ”แƒ‘แƒ˜ แƒ“แƒ แƒขแƒแƒ‘แƒšแƒ”แƒขแƒ”แƒ‘แƒ˜
แƒ“แƒแƒแƒ˜แƒœแƒกแƒขแƒแƒšแƒ˜แƒ แƒ”แƒ— Google Play Books แƒแƒžแƒ˜ Android แƒ“แƒ iPad/iPhone แƒ›แƒแƒฌแƒงแƒแƒ‘แƒ˜แƒšแƒแƒ‘แƒ”แƒ‘แƒ˜แƒกแƒ—แƒ•แƒ˜แƒก. แƒ˜แƒก แƒแƒ•แƒขแƒแƒ›แƒแƒขแƒฃแƒ แƒแƒ“ แƒ’แƒแƒœแƒแƒฎแƒแƒ แƒชแƒ˜แƒ”แƒšแƒ”แƒ‘แƒก แƒกแƒ˜แƒœแƒฅแƒ แƒแƒœแƒ˜แƒ–แƒแƒชแƒ˜แƒแƒก แƒ—แƒฅแƒ•แƒ”แƒœแƒก แƒแƒœแƒ’แƒแƒ แƒ˜แƒจแƒ—แƒแƒœ แƒ“แƒ แƒกแƒแƒจแƒฃแƒแƒšแƒ”แƒ‘แƒแƒก แƒ›แƒแƒ’แƒชแƒ”แƒ›แƒ—, แƒฌแƒแƒ˜แƒ™แƒ˜แƒ—แƒฎแƒแƒ— แƒกแƒแƒกแƒฃแƒ แƒ•แƒ”แƒšแƒ˜ แƒ™แƒแƒœแƒขแƒ”แƒœแƒขแƒ˜ แƒœแƒ”แƒ‘แƒ˜แƒกแƒ›แƒ˜แƒ”แƒ  แƒแƒ“แƒ’แƒ˜แƒšแƒแƒก, แƒ แƒแƒ’แƒแƒ แƒช แƒแƒœแƒšแƒแƒ˜แƒœ, แƒ˜แƒกแƒ” แƒฎแƒแƒ–แƒ’แƒแƒ แƒ”แƒจแƒ” แƒ แƒ”แƒŸแƒ˜แƒ›แƒจแƒ˜.
แƒšแƒ”แƒžแƒขแƒแƒžแƒ”แƒ‘แƒ˜ แƒ“แƒ แƒ™แƒแƒ›แƒžแƒ˜แƒฃแƒขแƒ”แƒ แƒ”แƒ‘แƒ˜
Google Play-แƒจแƒ˜ แƒจแƒ”แƒซแƒ”แƒœแƒ˜แƒšแƒ˜ แƒแƒฃแƒ“แƒ˜แƒแƒฌแƒ˜แƒ’แƒœแƒ”แƒ‘แƒ˜แƒก แƒ›แƒแƒกแƒ›แƒ”แƒœแƒ แƒ—แƒฅแƒ•แƒ”แƒœแƒ˜ แƒ™แƒแƒ›แƒžแƒ˜แƒฃแƒขแƒ”แƒ แƒ˜แƒก แƒ•แƒ”แƒ‘-แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ˜แƒก แƒ’แƒแƒ›แƒแƒงแƒ”แƒœแƒ”แƒ‘แƒ˜แƒ— แƒจแƒ”แƒ’แƒ˜แƒซแƒšแƒ˜แƒแƒ—.
แƒ”แƒšแƒฌแƒแƒ›แƒ™แƒ˜แƒ—แƒฎแƒ•แƒ”แƒšแƒ”แƒ‘แƒ˜ แƒ“แƒ แƒกแƒฎแƒ•แƒ แƒ›แƒแƒฌแƒงแƒแƒ‘แƒ˜แƒšแƒแƒ‘แƒ”แƒ‘แƒ˜
แƒ”แƒšแƒ”แƒฅแƒขแƒ แƒแƒœแƒฃแƒšแƒ˜ แƒ›แƒ”แƒšแƒœแƒ˜แƒก แƒ›แƒแƒฌแƒงแƒแƒ‘แƒ˜แƒšแƒแƒ‘แƒ”แƒ‘แƒ–แƒ” แƒฌแƒแƒกแƒแƒ™แƒ˜แƒ—แƒฎแƒแƒ“, แƒ แƒแƒ’แƒแƒ แƒ˜แƒชแƒแƒ Kobo eReaders, แƒ—แƒฅแƒ•แƒ”แƒœ แƒฃแƒœแƒ“แƒ แƒฉแƒแƒ›แƒแƒขแƒ•แƒ˜แƒ แƒ—แƒแƒ— แƒคแƒแƒ˜แƒšแƒ˜ แƒ“แƒ แƒ’แƒแƒ“แƒแƒ˜แƒขแƒแƒœแƒแƒ— แƒ˜แƒ’แƒ˜ แƒ—แƒฅแƒ•แƒ”แƒœแƒก แƒ›แƒแƒฌแƒงแƒแƒ‘แƒ˜แƒšแƒแƒ‘แƒแƒจแƒ˜. แƒ“แƒแƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ˜แƒก แƒชแƒ”แƒœแƒขแƒ แƒ˜แƒก แƒ“แƒ”แƒขแƒแƒšแƒฃแƒ แƒ˜ แƒ˜แƒœแƒกแƒขแƒ แƒฃแƒฅแƒชแƒ˜แƒ”แƒ‘แƒ˜แƒก แƒ›แƒ˜แƒฎแƒ”แƒ“แƒ•แƒ˜แƒ— แƒ’แƒแƒ“แƒแƒ˜แƒขแƒแƒœแƒ”แƒ— แƒคแƒแƒ˜แƒšแƒ”แƒ‘แƒ˜ แƒ›แƒฎแƒแƒ แƒ“แƒแƒญแƒ”แƒ แƒ˜แƒš แƒ”แƒšแƒฌแƒแƒ›แƒ™แƒ˜แƒ—แƒฎแƒ•แƒ”แƒšแƒ”แƒ‘แƒ–แƒ”.