react-beginner

react入門者の会で発表した資料になります。

Transcript

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