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

Contributing to React!

45daf58c77e9dbbab5a1c8a5afc7ac5c?s=47 koba04
February 01, 2018
Programming
2
1.9k

Contributing to React!

React.js meetup #5

45daf58c77e9dbbab5a1c8a5afc7ac5c?s=128

koba04

February 01, 2018
Tweet

More Decks by koba04

See All by koba04
How useEvent would change our applications
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
2.1k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
11k
Make it Declarative with React
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
840
Ready for React in 2019
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
2
1.5k
Algorithms in React
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
10
10k
Suspense and TimeSlicing
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
0
100
100人100通りのフロントエンド
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.3k
React Suspense
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
4
13k
Ready for Async Rendering
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
6
1.2k

Other Decks in Programming

See All in Programming
サーバーレスパターンから学ぶデータ分析基盤構築 / devio2022
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
470
10歳の minne から、これから長く続くプロダクトを作るすべての人へ
Dd21eeb4e9dc073f37239571b85fd2ab?s=48 tsumichan
9
3.6k
FullStack eXchange, July 2022
6f3ec7315ad0715ae2a5f89a52877218?s=48 brucel
0
190
How GitHub Supports Vim License Detection, The Five Years Journey
C4ce16f549c450f4759eb37f5d5d1a63?s=48 othree
1
330
ESM移行は無理だけどおれもSindreのライブラリが使いたい！
208355d7af69fa84a78048f78077048a?s=48 sosukesuzuki
2
530
OSS貢献を気軽にしたい Let's Go Talk #1
Aa0368c69701536321af9db1ae552b45?s=48 yuyaabo
2
230
kintoneでランダム取得を作ってみた（imoniCamp 2022-07-27)
F9904a15202c8ead8e638fc6fa659e33?s=48 shokun1108
0
130
RustのWebフレームワーク周りの概観
E42cffccdc14c60a449caac8de0ce0e0?s=48 hayao
0
170
Windows コンテナ Dojo 第5回 OpenShift で学ぶ Kubernetes 入門
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
130
Reactは何を提供するLibraryなのか？
2801ae8fb5381bcd119805124a5eeaf2?s=48 taro28
6
910
動画合成アーキテクチャを実装してみて
D5b3791309c8a03d37f05d238ded370d?s=48 satorunooshie
0
540
테라폼으로 ECR 관리하기 (How to Manage ECR with Terraform)
330c5e37fb238d6b319ae6e18770f44b?s=48 posquit0
0
520

Featured

See All Featured
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
75
2k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
34k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.5k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.5k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
31
6.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
14
3.8k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
127
8.5k

Transcript

  1. $POUSJCVUJOHUP3FBDU 3FBDUKTNFFUVQ   !LPCB

  2. None

  3. CFGPSFUIBUʜ

  4. 5PQJDT

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

    w W3FNPWFUIFNFUIPET w TUBUJDHFU%FSJWFE4UBUF'SPN1SPQT QSPQT QSFW4UBUF

  6. /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> ); } }

  7. $POUSJCVUJOHUP3FBDU

  8. #)BWFZPVFWFSDPOUSJCVUFEUP 3FBDU

  9. )BWFZPVFWFSXSJUUFOBOFOUSZ SFMBUFE3FBDU

  10. 13JTOPUUIFPOMZXBZUPDPOUSJCVUF 044

  11. $POUSJCVUJOHUP%PDVNFOUBUJPOT

  12. None

  13. SFBDUKTSFBDUKTPSH

  14. IUUQTDSPXEJODPNQSPKFDUSFBDU

  15. 5SBOTMBUJPO

  16. None
  17. None

  18. $POUSJCVUJOHUP3FBDU

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

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

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

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

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

  24. None
  25. None
  26. None

  27. 3FBDU

  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!

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

    !"" react-dom !"" react-native-renderer !"" react-noop-renderer !"" react-reconciler !"" react-test-renderer #"" shared

  30. -FU`T$POUSJCVUFUP3FBDU TQFBLFSEFDLDPNLPCB