the other side of the coin: learning the art of contributing to Flutter SDK

Talk is all about getting started with contributing to the Flutter SDK which covers steps and process one needs to follow in order to get started. It covers ecosystem and bots which are used in the process and many more things.

Transcript

1. AI wrote a Riddle
2. speaks 1 language, but builds for all, from phones to desktops, answers your call. Flutter - build once run everywhere
4. • simple widgets • some clippers
6. sky is the limit
7. agenda
8. agenda • learnings
9. agenda • learnings • repos
10. agenda • learnings • repos • focus on framework & toolchain
11. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips
12. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues
13. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle
14. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples
15. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples • small wins
16. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples • small wins • winding down
17. learnings
18. learnings • async communication
19. learnings • async communication
20. learnings • async communication • industry level code standards
21. learnings • async communication • industry level code standards • how large projects are managed
22. repos
23. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…)
24. fl utter/ fl utter
25. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…)
26. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site)
27. fl utter/website
30. issue: error in cookbook
31. page: error in cookbook
32. changes: error in cookbook
33. issue: error in widget catalog
34. page: error in widget catalog
35. page: error in widget catalog source code
36. page: error in widget catalog File GitHub Issue
37. pr: error in widget catalog
38. changes: error in widget catalog
39. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site)
40. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site) • 🔌📦 fl utter/packages (plugins and packages)
41. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site) • 🔌📦 fl utter/packages (plugins and packages) • ▶📱 fl utter/samples (examples & demos)
42. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site) • 🔌📦 fl utter/packages (plugins and packages) • ▶📱 fl utter/samples (examples & demos) • 🚂⚡ fl utter/engine (runtime)
43. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site) • 🔌📦 fl utter/packages (plugins and packages) • ▶📱 fl utter/samples (examples & demos) • 🚂⚡ fl utter/engine (runtime) • … and some more
45. let’s focus on fl utter/ fl utter
46. x.com/FlutterMerge/status/1640976259072110593
48. toolchain
49. toolchain • code editor & dart/ fl utter extensions (vscode)
50. toolchain • code editor & dart/ fl utter extensions (vscode) • fl utter SDK setup (fork, channel: master)
51. toolchain • code editor & dart/ fl utter extensions (vscode) • fl utter SDK setup (fork, channel: master) • GitHub account (duh :P)
52. important reads
53. important reads • code of conduct
54. code of conduct • respect people, their identities, their culture, & their work.
55. code of conduct • respect people, their identities, their culture, & their work. • be kind. be courteous. be welcoming.
56. code of conduct • respect people, their identities, their culture, & their work. • be kind. be courteous. be welcoming. • listen. consider & acknowledge people's points before responding.
57. code of conduct • respect people, their identities, their culture, & their work. • be kind. be courteous. be welcoming. • listen. consider & acknowledge people's points before responding. • 📋 github.com/ fl utter/ fl utter/blob/master/CODE_OF_CONDUCT.md
58. code of conduct • respect people, their identities, their culture, & their work. • be kind. be courteous. be welcoming. • listen. consider & acknowledge people's points before responding. • 📋 github.com/ fl utter/ fl utter/blob/master/CODE_OF_CONDUCT.md • never spam.
60. important reads • code of conduct
61. important reads • code of conduct • contributing guide
62. contributing guide • helping out in the issue database
63. contributing guide • helping out in the issue database • api documentation
64. contributing guide • helping out in the issue database • api documentation • releases
65. contributing guide • helping out in the issue database • api documentation • releases • developing for fl utter
66. contributing guide • helping out in the issue database • api documentation • releases • developing for fl utter • 📋 github.com/ fl utter/ fl utter/blob/master/CONTRIBUTING.md
67. important reads • code of conduct • contributing guide
68. important reads • code of conduct • contributing guide • discord server
69. discord server
70. discord server channels
71. important reads • code of conduct • contributing guide • discord server
72. important reads • code of conduct • contributing guide • discord server • wiki
73. wiki
74. wiki
75. wiki •🌎 github.com/ fl utter/ fl utter/wiki
76. important reads • code of conduct • contributing guidelines • discord server • wiki
77. important reads • code of conduct • contributing guidelines • discord server • wiki • tree hygiene
78. important reads • code of conduct • contributing guidelines • discord server • wiki • tree hygiene • fl utter style guide for framework repo
80. code formatting
82. datatypes
83. tests tests tests
84. breaking changes
86. • 1 pull-request for 1 fi x more tips
87. • 1 pull-request for 1 fi x • fi le the issue beforehand more tips
88. • 1 pull-request for 1 fi x • fi le the issue beforehand • use-trailing commas more tips
89. • 1 pull-request for 1 fi x • fi le the issue beforehand • use-trailing commas • doc comments more tips
90. doc comments
97. issues
98. issues: fi lter by labels • c: new-feature, c: proposal (capability)
99. issues: fi lter by labels • c: new-feature, c: proposal (capability)
100. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority)
101. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority) • d: api-docs, d: api-examples (docs)
102. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority) • d: api-docs, d: api-examples (docs) • f: material-design, f: cupertino, f: scrolling, f: gestures (framework)
103. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority) • d: api-docs, d: api-examples (docs) • f: material-design, f: cupertino, f: scrolling, f: gestures (framework) • t: fl utter doctor, t: hot reload (tool) • https://github.com/ fl utter/ fl utter/wiki/Issue-hygiene#labels
104. fi le an issue
108. bots
109. google-cla
110. fl utter-dashboard
111. auto-submit
112. release cycle
113. release cycle • master - bleeding edge
114. release cycle • master - bleeding edge • beta - every month
115. release cycle • master - bleeding edge • beta - every month • stable - every quarter
116. CI failures
126. examples
127. fi nd PRs
128. PR #n • issue
129. PR #n • issue • code changes
130. PR #n • issue • code changes • review comments & learnings
131. PR #1
132. issue / requirement
133. triage process
134. constructor
135. constructor
136. props & docs
137. props & docs
138. composed w/ TextField
139. passing down to TextField
140. PR sent
141. before/after screenshots
142. before/after screenshots
143. checklist
144. rookie mistake
146. fi rst code review comment :)
147. another one
148. always there to help
149. ok google, play some good music
150. almost there
151. a nit
152. maintainers are generous
153. merged
154. PR #2
155. requirement & triage
156. let them know
157. events & thread locking
158. default constructor
159. named constructor
160. changes
164. screenshots
165. all green
167. PR #3
169. instead add a reaction 👍
176. review starts
177. doc comments are super important
178. verify the actual effect
179. dunzo
180. nit
181. 1 more
182. friendly ping
184. PR #4
186. issue is triaged
189. new validation
190. test - when prop is false
191. test - when prop is true
192. 1 suggestion
193. non-members need 2 reviews
194. 2nd review
195. PR #5
196. ain’t much but honest work
197. PR #6
198. doc comment miss
199. dartdoc
200. a new discussion
202. PR #7
207. EdgeInsets.only 🙅 direction aware EdgeInsetsDirectional.only ✔
208. small test
209. PR #8
210. issue about foldables! :)
216. PR #9
220. test for api-example
222. PR #10
233. ElevatedButton FilledButton TextButton OutlinedButton
239. small wins
240. small wins • 🌟 notable commits
241. notable commits
242. notable commits
243. notable commits
244. small wins • 🌟 notable commits
245. small wins • 🌟 notable commits • 🏁 beta notable commits summary
246. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release
247. stable release
248. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release
249. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog
250. medium blog
251. medium blog
252. medium blog
253. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog
254. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better
255. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better • 🎉 fl utter-merge twitter-bot
256. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better • 🎉 fl utter-merge twitter-bot • 💛 F + L + U + T + T + E + R = Thala for a Reason
257. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better • 🎉 fl utter-merge twitter-bot • 🌻 collaborator access
258. github.com/ fl utter/ fl utter/wiki/Contributor-access
259. inspirations
260. inspirations • Ayush Bherwani (@AyushBherwani) • Viren Khatri (@WeRainKhatri) • Taha Tesser (@TahaTessar)
261. inspirations • Ayush Bherwani (@AyushBherwani) • Viren Khatri (@WeRainKhatri) • Taha Tesser (@TahaTessar) • Special Mentions: • Samvid (@MistrySamvid), Jaydev (@JaydevDesai15), Nijraj (@GelaniNijraj)
262. inspirations • Ayush Bherwani (@AyushBherwani) • Viren Khatri (@WeRainKhatri) • Taha Tesser (@TahaTessar) • Special Mentions: • Samvid (@MistrySamvid), Jaydev (@JaydevDesai15), Nijraj (@GelaniNijraj) • Bhavik (@iBhavikMakwana)
263. inspirations • Ayush Bherwani (@AyushBherwani) • Viren Khatri (@WeRainKhatri) • Taha Tesser (@TahaTessar) • Special Mentions: • Samvid (@MistrySamvid), Jaydev (@JaydevDesai15), Nijraj (@GelaniNijraj) • Bhavik (@iBhavikMakwana) • Nidhi (@DadiyaNidhi)
264. other resources
265. other resources youtube.com/watch?v=4yBgOBAOx_A
266. other resources youtube.com/watch?v=Uoa5a69eIng youtube.com/watch?v=yOf9oEY_Wj0
267. other resources medium.com/ fl utter-community/contributing-to- fl utter-getting-started-a0db68cbcd5b
268. speakerdeck.com/piedcipher
269. x.com/GDGAhmedabad meetup.com/gdg-ahmedabad
270. techholding.co
271. your feedback matters bit.ly/gdg-ahm-tirth
273. • widget w/o work-life balance? • widget w/ work-life balance?
274. • widget w/o work-life balance? • StressfulWidget • setStress(() => 0) • widget w/ work-life balance? • StresslessWidget
275. thank you x.com/piedcipher linkedin.com/in/tirth-patel QnA ⁉