inflearn logo
inflearn logo

Webใ‚ฒใƒผใƒ ใ‚’ไฝœใฃใฆๅญฆใถReact

Webใ‚ฒใƒผใƒ ใงใƒชใ‚ขใ‚ฏใƒˆใ‚’ๅญฆใณใพใ—ใ‚‡ใ†ใ€‚ Classใ€Hooksใฎใ™ในใฆใ‚’ๅญฆใณใ€Context APIใจReact Routerใ€Webใƒ‘ใƒƒใ‚ฏใ€ใƒใƒผใƒ™ใƒซใพใงใ•ใ‚‰ใซๅญฆใณใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

React
React
React
React
Thumbnail
zerocho๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

ใ‚ผใƒญใƒใƒงใ‚นใ‚ฏใƒผใƒซใ‚ฟใ‚คใƒ ใ‚ขใ‚ฟใƒƒใ‚ฏ12ๆœŸ้€ฒ่กŒๆกˆๅ†…

ใ‚ฟใ‚คใƒ ใ‚ขใ‚ฟใƒƒใ‚ฏใƒ—ใƒญใ‚ฐใƒฉใƒ 12ๆœŸ้€ฒ่กŒใ—ใพใ™๏ผ12ๆœŸใฏ10ๆœˆ9ๆ—ฅใ‹ใ‚‰ๅง‹ใพใ‚Šใพใ™ใ€‚

่ฌ›ๅบงใฏ่ณผๅ…ฅใ—ใŸใŒใ€ๆฏŽๅ›žๆœ€ๅพŒใพใง่ฆ‹ใ‚‰ใ‚Œใชใ„ๆ–นใฎใŸใ‚ใฎใƒ—ใƒญใ‚ฐใƒฉใƒ ใงใ™ใ€‚็„กๆ–™ใงใ‚‚ๅ‚ๅŠ ใงใใ€ๆ„ๅฟ—ๅŠ›ใŒไธ่ถณใ—ใฆใ„ใ‚‹ๆ–นใฎใŸใ‚ใซๅˆฅ้€”ใƒ‡ใƒใ‚ธใƒƒใƒˆๅˆถๅบฆใ‚‚้‹ๅ–ถใ—ใฆใ„ใพใ™ใ€‚ไปฅๅ‰ใฎ้จŽๆ‰‹ใฎๆ–นใ€…ใ‚„ๅŒใ˜้จŽๆ‰‹ใฎๆ–นใ€…ใฎๆ•ด็†ใƒŽใƒผใƒˆใ‚’่ฆ‹ใชใŒใ‚‰ๅ‹‰ๅผทใ™ใ‚‹ใ“ใจใ‚‚ใงใใพใ™ใ—ใ€็งใ‚„ไป–ใฎๆ–นใ€…ใซ่ณชๅ•ใ‚’ใ™ใ‚‹ใ“ใจใ‚‚ใงใใพใ™ใ€‚

ใ‚ฟใ‚คใƒ ใ‚ขใ‚ฟใƒƒใ‚ฏใ‚’ๅ‚ๅŠ ใ—ใŸๆ–นใ€…ใฎ้ ‘ๅผท็އใŒใฏใ‚‹ใ‹ใซ้ซ˜ใ‹ใฃใŸใงใ™ใ€‚ๆœฌๅฝ“ใซๆ˜ฏ้ž่ฌ›็พฉใ‚’้ ‘ๅผตใ‚‰ใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ใจ่ช“ใฃใฆใ„ใŸใ‚‰ๅ‚ๅŠ ใ™ใ‚ŒใฐๅŠฉใ‘ใŒใŸใใ•ใ‚“ใชใ‚Šใพใ™๏ผ

  • ใกใชใฟใซ่ฌ›็พฉใฏใ‚คใƒณใƒ•ใƒฉใง็งใ‚’ๆคœ็ดขใ—ใฆ่ณผๅ…ฅใ™ใ‚‹ใฎใงใฏใชใใ€https: //www.zerocho.com/lectureใฎใƒชใƒณใ‚ฏใ‚’ๆŠผใ—ใฆ่ณผๅ…ฅใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐใ€็งใŒๅ‡บใ™ๆ‰‹ๆ•ฐๆ–™ใŒๅคงๅน…ใซๆธ›ใ‚Šใพใ™ใ€‚ใŠ้ก˜ใ„ใ—ใพใ™ใ…Žใ…Ž

ๅฎŒ่ตฐใ„ใŸใ ใใจ่ฌ›ๅบงใ‚ฏใƒผใƒใƒณ๏ผˆ35๏ฝž60๏ผ…ใ€ๅทใฎ้•ทใ•ใซๅฟœใ˜ใฆ๏ผ‰ใ‚„ไผšใฃใฆ้ฃŸไบ‹ๅˆธ๏ผˆไฟ่จผ้‡‘ๅ‚ๅŠ ๆ™‚๏ผ‰ใ‚’ๅทฎใ—ไธŠใ’ใฆใ„ใพใ™๏ผ

็งใ‚‚็พๅœจๆฏŽๆฉŸๆ•ฐ่ตคๅญ—ใ‚’่ฆ‹ใชใŒใ‚‰้€ฒใ‚ใฆใ„ใพใ™ใ€‚ใ™ใงใซ11ๅ›ž็›ฎใฎ่ตคๅญ—... ใใ‚Œใงใ‚‚้€ฒ่กŒใ™ใ‚‹็†็”ฑใฏใ€็งใฎ่ฌ›ๅบงใŒๅฎŸ่ณช็š„ใซ็š†ใ•ใ‚“ใซๅฝน็ซ‹ใคใ“ใจใ‚’ๆœ›ใ‚€ใ‹ใ‚‰ใงใ™ใ€‚่ฌ›ๅบงใ‚’่ฒทใ†ใ ใ‘ใง่žใ‹ใชใ„ๆ–นใŒๅคšใ„ใฎใงใ™ใŒใ€ๆฑบใพใฃใŸ้€ฒๅบฆใจใจใ‚‚ใซๆœ€ๅพŒใพใง่žใ„ใฆใ€็š†ใ•ใ‚“ใฎ้–‹็™บๅฎŸๅŠ›ใŒๅ‘ไธŠใ—ใฆใปใ—ใ„ใจๆฏŽๅ›ž้€ฒ่กŒไธญใงใ™ใ€‚็งใฏ็งใฎ่ฌ›ๅบงใŒๅฝนใซ็ซ‹ใฃใŸใจ่จ€ใ‚ใ‚ŒใŸใจใใซๆœ€ใ‚‚ๅฌ‰ใ—ใ„ใงใ™ใ€‚ใ‚ฟใ‚คใƒ ใ‚ขใ‚ฟใƒƒใ‚ฏใ‹ใ‚‰ๅ‡บใฆใใ‚‹่ฌ›ๅบงใƒ•ใ‚ฃใƒผใƒ‰ใƒใƒƒใ‚ฏใ‚’ใ‚‚ใจใซ่ฌ›ๅบงใ‚’ๅฐ‘ใ—ใšใคไฟฎๆญฃใ—ใฆใ‚‚ใ„ใฆใ€็งใซใ‚‚ๅฝนใซ็ซ‹ใกใพใ™ใ‚ˆใ€‚

ใ‚นใƒฉใƒƒใ‚ฏใง้€ฒ่กŒใ™ใ‚‹ใฎใงใ€ใ‚นใƒฉใƒƒใ‚ฏใƒซใƒผใƒ ใซๅ‚ๅŠ ใ—ใฆใใ ใ•ใ„ใ€‚ไธ‹ใฎใ‚นใƒฉใƒƒใ‚ฏใƒชใƒณใ‚ฏใซๅ…ฅใ‚Šใพใ™ใ€‚

https://www.zerocho.com/slack

ๅ…ฅใฃใฆใใ‚‹ใจใ€ใŠ็Ÿฅใ‚‰ใ›ใƒใƒฃใƒณใƒใƒซใซ12ๆœŸๅ‚ๅŠ ใ‚ขใƒณใ‚ฑใƒผใƒˆ๏ผˆGoogleใƒ•ใ‚ฉใƒผใƒ ๏ผ‰ใŒใ‚ใ‚Šใพใ™ใ€‚ไฝœๆˆใ—ใฆใใ ใ•ใ„ใ€‚ใƒชใƒณใ‚ฏใ‚‚ๅˆฅใ€…ใซใŠๅฑŠใ‘่‡ดใ—ใพใ™ใ€‚

https://forms.gle/DERpnRzeZGcgxKpa9

ใ‚ขใƒณใ‚ฑใƒผใƒˆใ‚’ๆ›ธใ‹ใชใ‹ใฃใŸใจใ—ใฆใ‚‚ใ€็งใซDMใ‚’้€ใฃใฆๆ•™ใˆใฆใใ ใ•ใ„ใ€‚

ใ‚ฟใ‚คใƒ ใ‚ขใ‚ฟใƒƒใ‚ฏใƒ—ใƒญใ‚ฐใƒฉใƒ ใซๅ‚ๅŠ ใ—ใฆใ„ใชใใฆใ‚‚ใ€ใ‚นใƒฉใƒƒใ‚ฏใƒซใƒผใƒ ใซๅ‚ๅŠ ใ™ใ‚Œใฐใ‚ฎใƒฃใ‚ฐใƒ‹ใƒฅใƒผใ‚นใชใฉใฎๆƒ…ๅ ฑๅ…ฑๆœ‰ใ‚‚ใ—ใŸใ‚Šใ€ใƒ—ใƒญใ‚ฐใƒฉใƒŸใƒณใ‚ฐใฎ่ณชๅ•ใ‚„ๆ‚ฉใฟ็›ธ่ซ‡ใ‚‚ใ—ใŸใ‚Šใ€ใ„ใ‚ใ„ใ‚ใจๅŠฉใ‘ใ‚‰ใ‚Œใพใ™ใ€‚ใ™ใงใซ3600ๅˆ†ใปใฉๅ…ฅใฃใฆใ„ใพใ™๏ผ

ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

ใ‚ณใƒกใƒณใƒˆ 1
    backendwoonie๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏใ€‚ใ‚นใƒฉใƒƒใ‚ฏใƒชใƒณใ‚ฏใŒ้–‰ใ˜ใŸใ‚ˆใ†ใงใ™ใŒใ€ใ‚‚ใ—ๆฌกใฎ13ๆœŸใซๅ‚ๅŠ ใ™ใ‚‹ๅฟ…่ฆใŒใ‚ใ‚Šใพใ™ใ‹๏ผŸ

็„กๆ–™