Contributing to React!

React.js meetup #5

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