Slide 1
Slide 1 text
React JSͷΦʔϓϯιʔε
Λֶͼͯ͠ॳ৺ऀΛ
ΜͰ͍Δ
twitter:@tkow39
Slide 2
Slide 2 text
ࣗݾհ
❖ ໊લ:ؒ ߽༤
❖ ใܥͷେֶӃੜ म࢜̎
❖ ϑϩϯτΤϯυ/όοΫΤϯυ྆ํΔਓ
❖ ։ൃܦݧ
C#,C++,C,Java,Python,PHP,javascript,ruby,Swift,julia,kotlin
❖ SIerͱϕϯνϟʔاۀͰϓϩάϥϚͷमߦΛ1΄Ͳ
❖ reactίʔυ৮ΔͷਓੜͰࠓͰ̏͘Β͍
❖ དྷ͔ΒLeveragesͷࣾһʹͳΓ·͢
Slide 3
Slide 3 text
ϦΞϧͳίʔυ͔ΒֶͿ
TutorialͳͲΛ௨ͯ͠શମ૾
Λ၆ᛌͨ͠Βϓϩͷίʔυ
ΛಡΜͰΈΔ
ࣗݾྲྀͰoptimalͳίʔυΛ
ॻ͚ΔΑ͏ʹͳΔͨΊͷम
ߦʹ༗༻
Slide 4
Slide 4 text
https://react.rocks/
reactΛ༻༷ͨ͠ʑͳαϯϓϧ
Slide 5
Slide 5 text
https://react.rocks/
GitHubͰެ։͞Ε͍ͯΔιʔείʔυͨ͘͞Μ
Slide 6
Slide 6 text
https://github.com/enaqx/awesome-react
reactΛ༻༷ͨ͠ʑͳαϯϓϧ
Slide 7
Slide 7 text
mozilla͞Μͷ͓खຊίʔυ(Formͷ࣮)
https://github.com/mozilla/payments-ui/blob/
master/public/js/components/card-form.jsx
ϑΥʔϜ
validation
ґଘ
Slide 8
Slide 8 text
https://github.com/mozilla/payments-ui/blob/
master/public/js/components/card-form.jsx
mozilla͞Μͷ͓खຊίʔυ(ϑΥʔϜͷ࣮)
៉ྷͳ֊͚
Slide 9
Slide 9 text
ϦΞϧͳίʔυ͔Β࡞ͬͯݟ
͍ͨͷΛ୳͢
ϒϥβΤσΟλ
࡞Δͷ໘നͦ͏
ͳͷͰઓͯ͠Έ͍ͨ
https://github.com/fatiherikli/fil/tree/master/app
ػೳʹରͯ͠ίʔυ
ྔ͕ͱͯগͳ͘
ֶͼ͍͢
Slide 10
Slide 10 text
ಈ͔ͯ͠ݟͨ
https://github.com/fatiherikli/fil/tree/master/app
Slide 11
Slide 11 text
ίʔυϦʔσΟϯά
ΤσΟλ
ίϯϙʔωϯτͷ
࣮෦
https://github.com/fatiherikli/fil/tree/master/app
Slide 12
Slide 12 text
ίʔυϦʔσΟϯά (Reduxύλʔϯͷ͓खຊ)
៉ྷͰΘ͔Γ͍͢
https://github.com/fatiherikli/fil/tree/master/app
Slide 13
Slide 13 text
͍͍ίʔυ͍͍αϯϓϧ͔ΒֶΜͰ
ॳ৺ऀΛࢦ͠·͠ΐ͏
·ͱΊ