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

͍͍ίʔυ͸͍͍αϯϓϧ͔ΒֶΜͰ ୤ॳ৺ऀΛ໨ࢦ͠·͠ΐ͏ ·ͱΊ