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

Contributing to React!

koba04
February 01, 2018

Contributing to React!

React.js meetup #5

koba04

February 01, 2018
Tweet

More Decks by koba04

Other Decks in Programming

Transcript

  1. $POUSJCVUJOHUP3FBDU
    3FBDUKTNFFUVQ

    !LPCB

    View Slide

  2. View Slide

  3. CFGPSFUIBUʜ

    View Slide

  4. 5PQJDT

    View Slide

  5. %FQSFDBUFVOTBGFMJGFDZDMFT
    w DPNQPOFOU8JMM.PVOU DPNQPOFOU8JMM3FDFJWF1SPQT
    DPNQPOFOU8JMM6QEBUF
    w W"EEJOH6/4"'&@YYYNFUIPET
    w W"EEJOHEFQSFDBUFXBSOJOHTUPUIFNFUIPET
    w W3FNPWFUIFNFUIPET
    w TUBUJDHFU%FSJWFE4UBUF'SPN1SPQT QSPQT QSFW4UBUF

    View Slide

  6. /FX$POUFYU"1*
    const ThemeContext = React.createContext(‘light’);
    const Title = ({title}) => (

    {theme => {title}}

    );
    class App extends React.Component {
    state = {theme: ‘light’};
    render() {
    return (

    Hello

    );
    }
    }

    View Slide

  7. $POUSJCVUJOHUP3FBDU

    View Slide

  8. #)BWFZPVFWFSDPOUSJCVUFEUP
    3FBDU

    View Slide

  9. )BWFZPVFWFSXSJUUFOBOFOUSZ
    SFMBUFE3FBDU

    View Slide

  10. 13JTOPUUIFPOMZXBZUPDPOUSJCVUF
    044

    View Slide

  11. $POUSJCVUJOHUP%PDVNFOUBUJPOT

    View Slide

  12. View Slide

  13. SFBDUKTSFBDUKTPSH

    View Slide

  14. IUUQTDSPXEJODPNQSPKFDUSFBDU

    View Slide

  15. 5SBOTMBUJPO

    View Slide

  16. View Slide

  17. View Slide

  18. $POUSJCVUJOHUP3FBDU

    View Slide

  19. https://reactjs.org/docs/how-to-contribute.html

    View Slide

  20. https://reactjs.org/docs/codebase-overview.html

    View Slide

  21. https://reactjs.org/docs/implementation-notes.html

    View Slide

  22. https://reactjs.org/docs/design-principles.html

    View Slide

  23. https://reactjs.org/blog/2017/12/15/improving-the-repository-infrastructure.html

    View Slide

  24. View Slide

  25. View Slide

  26. View Slide

  27. 3FBDU

    View Slide

  28. )PXUPDPOUSJCVUFUP3FBDU
    % // Fork and clone facebook/react
    % // Create a PR branch
    % // Write a patch
    % yarn test or yarn test —watch XXX
    % yarn test-prod
    % yarn prettier
    % yarn lint
    % yarn flow
    % // Send a PR!

    View Slide

  29. )PXUPDPOUSJCVUFUP3FBDU
    packages/
    !"" events
    !"" react
    !"" react-art
    !"" react-call-return
    !"" react-dom
    !"" react-native-renderer
    !"" react-noop-renderer
    !"" react-reconciler
    !"" react-test-renderer
    #"" shared

    View Slide

  30. -FU`T$POUSJCVUFUP3FBDU
    TQFBLFSEFDLDPNLPCB

    View Slide