Contributing to React!

$POUSJCVUJOHUP3FBDU 3FBDUKTNFFUVQ !LPCB

CFGPSFUIBUʜ

5PQJDT

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

/FX$POUFYU"1* const ThemeContext = React.createContext(‘light’); const Title = ({title}) =>
( <ThemeContext.Consumer> {theme => <h1 className={theme}>{title}</h1>} </ThemeContext> ); class App extends React.Component { state = {theme: ‘light’}; render() { return ( <ThemeContext.Provider value={this.state.theme}> <Title>Hello</Title> </ThemeContext> ); } }

$POUSJCVUJOHUP3FBDU

#)BWFZPVFWFSDPOUSJCVUFEUP 3FBDU

)BWFZPVFWFSXSJUUFOBOFOUSZ SFMBUFE3FBDU

13JTOPUUIFPOMZXBZUPDPOUSJCVUF 044

$POUSJCVUJOHUP%PDVNFOUBUJPOT

SFBDUKTSFBDUKTPSH

IUUQTDSPXEJODPNQSPKFDUSFBDU

5SBOTMBUJPO

$POUSJCVUJOHUP3FBDU

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

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

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

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

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

)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!

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

-FU`T$POUSJCVUFUP3FBDU TQFBLFSEFDLDPNLPCB

Contributing to React!

Contributing to React!

koba04

More Decks by koba04

Other Decks in Programming

Featured

Transcript

$POUSJCVUJOHUP3FBDU 3FBDUKTNFFUVQ !LPCB

CFGPSFUIBUʜ

5PQJDT

%FQSFDBUFVOTBGFMJGFDZDMFT w DPNQPOFOU8JMM.PVOU DPNQPOFOU8JMM3FDFJWF1SPQT DPNQPOFOU8JMM6QEBUF w W"EEJOH6/4"'&@YYYNFUIPET w W"EEJOHEFQSFDBUFXBSOJOHTUPUIFNFUIPET

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

$POUSJCVUJOHUP3FBDU

#)BWFZPVFWFSDPOUSJCVUFEUP 3FBDU

)BWFZPVFWFSXSJUUFOBOFOUSZ SFMBUFE3FBDU

13JTOPUUIFPOMZXBZUPDPOUSJCVUF 044

$POUSJCVUJOHUP%PDVNFOUBUJPOT

SFBDUKTSFBDUKTPSH

IUUQTDSPXEJODPNQSPKFDUSFBDU

5SBOTMBUJPO

$POUSJCVUJOHUP3FBDU

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

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

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

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

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

3FBDU

)PXUPDPOUSJCVUFUP3FBDU % // Fork and clone facebook/react % // Create

)PXUPDPOUSJCVUFUP3FBDU packages/ !"" events !"" react !"" react-art !"" react-call-return

-FU`T$POUSJCVUFUP3FBDU TQFBLFSEFDLDPNLPCB