Upgrade to Pro — share decks privately, control downloads, hide ads and more …

react-beginner

tkow
November 04, 2016

 react-beginner

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

tkow

November 04, 2016
Tweet

More Decks by tkow

Other Decks in Programming

Transcript

  1. React JSͷΦʔϓϯιʔε
    Λֶͼ౗ͯ͠୤ॳ৺ऀΛ
    ໨࿦ΜͰ͍Δ࿩
    twitter:@tkow39

    View full-size slide

  2. ࣗݾ঺հ
    ❖ ໊લ:૲ؒ ߽༤
    ❖ ৘ใܥͷେֶӃੜ म࢜̎೥
    ❖ ϑϩϯτΤϯυ/όοΫΤϯυ྆ํ΍Δਓ
    ❖ ։ൃܦݧ

    C#,C++,C,Java,Python,PHP,javascript,ruby,Swift,julia,kotlin
    ❖ ๭SIerͱϕϯνϟʔاۀͰϓϩάϥϚͷमߦΛ1೥൒΄Ͳ
    ❖ reactίʔυ৮Δͷ͸ਓੜͰࠓ೔Ͱ̏೔໨͘Β͍
    ❖ དྷ೥͔ΒLeveragesͷࣾһʹͳΓ·͢

    View full-size slide

  3. ϦΞϧͳίʔυ͔ΒֶͿ
    TutorialͳͲΛ௨ͯ͠શମ૾
    Λ၆ᛌͨ͠Βϓϩͷίʔυ
    ΛಡΜͰΈΔ
    ࣗݾྲྀͰoptimalͳίʔυΛ
    ॻ͚ΔΑ͏ʹͳΔͨΊͷम
    ߦʹ༗༻

    View full-size slide

  4. https://react.rocks/
    reactΛ࢖༻༷ͨ͠ʑͳαϯϓϧ

    View full-size slide

  5. https://react.rocks/
    GitHubͰެ։͞Ε͍ͯΔιʔείʔυͨ͘͞Μ

    View full-size slide

  6. https://github.com/enaqx/awesome-react
    reactΛ࢖༻༷ͨ͠ʑͳαϯϓϧ

    View full-size slide

  7. mozilla͞Μͷ͓खຊίʔυ(Formͷ࣮૷)
    https://github.com/mozilla/payments-ui/blob/
    master/public/js/components/card-form.jsx
    ϑΥʔϜ
    validation
    ґଘ

    View full-size slide

  8. https://github.com/mozilla/payments-ui/blob/
    master/public/js/components/card-form.jsx
    mozilla͞Μͷ͓खຊίʔυ(ϑΥʔϜͷ࣮૷)
    ៉ྷͳ֊૚෼͚

    View full-size slide

  9. ϦΞϧͳίʔυ͔Β࡞ͬͯݟ
    ͍ͨ΋ͷΛ୳͢
    ϒϥ΢βΤσΟλ
    ࡞Δͷ໘നͦ͏
    ͳͷͰ௅ઓͯ͠Έ͍ͨ
    https://github.com/fatiherikli/fil/tree/master/app
    ػೳʹରͯ͠ίʔυ
    ྔ͕ͱͯ΋গͳ͘
    ֶͼ΍͍͢

    View full-size slide

  10. ಈ͔ͯ͠ݟͨ
    https://github.com/fatiherikli/fil/tree/master/app

    View full-size slide

  11. ίʔυϦʔσΟϯά
    ΤσΟλ
    ίϯϙʔωϯτͷ
    ࣮૷෦
    https://github.com/fatiherikli/fil/tree/master/app

    View full-size slide

  12. ίʔυϦʔσΟϯά (Reduxύλʔϯͷ͓खຊ)
    ៉ྷͰΘ͔Γ΍͍͢
    https://github.com/fatiherikli/fil/tree/master/app

    View full-size slide

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

    View full-size slide