sky is certainly not the limit w/ Flutter SDK

this talk is all about taking that first step towards contributing to Flutter SDK and exploring horizons beyond the developing apps. it will explore end-to-end steps, necessary processes, bots, helpful tools and example PRs.

Transcript

1. who’s gonna match my freak 💗
2. 🇮🇳 💗
3. sky is certainly not the limit w/ Flutter SDK June 30, 2024 Time is Relative ⏰ 🗓
4. easter egg
5. speaks 1 language, but builds for all, from phones to desktops, answers your call. Flutter - build once run everywhere
7. • simple widgets • some clippers
14. github.com/piedcipher/ achievements. fl utter
15. agenda
16. agenda • learnings
17. agenda • learnings • repos
18. agenda • learnings • repos • focus on framework & toolchain
19. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips
20. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues
21. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle
22. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples
23. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples • small wins
24. agenda • learnings • repos • focus on framework & toolchain • important reads & some tips • fi nding & fi ling issues • bots & release-cycle • examples • small wins • winding down
25. learnings
26. learnings • async communication
27. learnings • async communication
28. learnings • async communication • industry level code standards • how large projects are managed
29. repos
30. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…)
31. fl utter/ fl utter
32. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…)
33. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site)
34. fl utter/website
37. issue: error in cookbook
38. page: error in cookbook
39. changes: error in cookbook
40. issue: error in widget catalog
41. page: error in widget catalog
42. page: error in widget catalog source code
43. page: error in widget catalog File GitHub Issue
44. pr: error in widget catalog
45. changes: error in widget catalog
46. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site)
47. repos • 💙🦋 fl utter/ fl utter (framework, tools, api-examples, core packages, etc…) • 📄📜 fl utter/website (main site) • 🔌📦 fl utter/packages (plugins and packages)
48. 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)
49. 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)
50. 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
52. let’s focus on fl utter/ fl utter
53. x.com/FlutterMerge/status/1640976259072110593
55. toolchain
56. toolchain • code editor & dart/ fl utter extensions (vscode) • fl utter SDK setup (fork, channel: master) • GitHub account (duh :P)
57. important reads
58. important reads • code of conduct
59. 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.
61. important reads • code of conduct
62. important reads • code of conduct • contributing guide
63. 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
64. important reads • code of conduct • contributing guide
65. important reads • code of conduct • contributing guide • discord server
66. discord server
67. discord server channels
68. important reads • code of conduct • contributing guide • discord server
69. important reads • code of conduct • contributing guide • discord server • wiki
70. wiki
71. wiki
72. wiki •🌎 github.com/ fl utter/ fl utter/wiki
73. important reads • code of conduct • contributing guidelines • discord server • wiki
74. important reads • code of conduct • contributing guidelines • discord server • wiki • tree hygiene
75. important reads • code of conduct • contributing guidelines • discord server • wiki • tree hygiene • fl utter style guide for framework repo
77. code formatting
79. datatypes
80. tests tests tests
81. breaking changes
83. • 1 pull-request for 1 fi x more tips
84. • 1 pull-request for 1 fi x • fi le the issue beforehand more tips
85. • 1 pull-request for 1 fi x • fi le the issue beforehand • use-trailing commas more tips
86. • 1 pull-request for 1 fi x • fi le the issue beforehand • use-trailing commas • doc comments more tips
87. doc comments
89. /// {@template /// /// content /// content /// content /// content /// /// {@endtemplate}
90. /// {@template name} /// /// content /// content /// content /// content /// /// {@endtemplate}
91. /// {@template name} /// /// content /// content /// content /// content /// /// {@endtemplate}
92. /// {@template name} /// /// content /// content /// content /// content /// /// {@endtemplate}
93. /// {@template name} /// /// content /// content /// content /// content /// /// {@endtemplate}
99. issues
100. issues: fi lter by labels • c: new-feature, c: proposal (capability)
101. issues: fi lter by labels • c: new-feature, c: proposal (capability)
102. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority)
103. issues: fi lter by labels • c: new-feature, c: proposal (capability) • P0, P1, P2, P3 (priority) • d: api-docs, d: api-examples (docs)
104. 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)
105. 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
106. fi le an issue
110. bots
111. google-cla
112. fl utter-dashboard
113. auto-submit
114. release cycle • master - bleeding edge • beta - every month • stable - every quarter
115. CI failures
125. examples
126. fi nd PRs
127. PR #n • issue
128. PR #n • issue • code changes
129. PR #n • issue • code changes • review comments & learnings
130. PR #1
131. issue / requirement
132. triage process
133. constructor
134. constructor
135. props & docs
136. props & docs
137. composed w/ TextField
138. passing down to TextField
139. PR sent
140. before/after screenshots
141. before/after screenshots
142. checklist
143. rookie mistake
145. fi rst code review comment :)
146. another one
147. always there to help
148. ok google, play some good music
149. almost there
150. a nit
151. maintainers are generous
152. merged
153. PR #2
154. requirement & triage
155. let them know
156. events & thread locking
157. default constructor
158. named constructor
159. changes
163. screenshots
164. all green
166. PR #3
168. instead add a reaction 👍
175. review starts
176. doc comments are super important
177. verify the actual effect
178. dunzo
179. nit
180. 1 more
181. friendly ping
183. PR #4
185. issue is triaged
188. new validation
189. test - when prop is false
190. test - when prop is true
191. 1 suggestion
192. non-members need 2 reviews
193. 2nd review
194. PR #5
195. ain’t much but honest work
196. PR #6
197. doc comment miss
198. dartdoc
199. a new discussion
201. PR #7
206. EdgeInsets.only 🙅 direction aware EdgeInsetsDirectional.only ✔
207. small test
208. PR #8
209. issue about foldables! :)
215. PR #9
219. test for api-example
221. PR #10
232. ElevatedButton FilledButton TextButton OutlinedButton
238. small wins
239. small wins • 🌟 notable commits
240. notable commits
241. notable commits
242. notable commits
243. small wins • 🌟 notable commits
244. small wins • 🌟 notable commits • 🏁 beta notable commits summary
245. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release
246. stable release
247. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release
248. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog
249. medium blog
250. medium blog
251. medium blog
252. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog
253. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better
254. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better • 🎉 fl utter-merge twitter-bot
255. 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
256. small wins • 🌟 notable commits • 🏁 beta notable commits summary • 💙 stable release • 🗞 medium blog • ✨ making SDK better • 🎉 fl utter-merge twitter-bot • 🌻 collaborator access
257. github.com/ fl utter/ fl utter/wiki/Contributor-access
258. inspirations
259. inspirations ★ Ayush Bherwani (@AyushBherwani) ★ Viren Khatri (@WeRainKhatri) ★ Taha Tesser (@TahaTessar)
260. other resources
261. other resources youtube.com/watch?v=4yBgOBAOx_A
262. other resources youtube.com/watch?v=Uoa5a69eIng youtube.com/watch?v=yOf9oEY_Wj0
263. other resources medium.com/ fl utter-community/contributing-to- fl utter-getting-started-a0db68cbcd5b
264. speakerdeck.com/piedcipher
265. x.com/FlutterVadodara meetup.com/FlutterVadodara
266. atliq.com
267. your feedback matters bit.ly/ fl utter-vadodara-tirth
268. dead end
269. thank you x.com/piedcipher linkedin.com/in/tirth-patel QnA ⁉ dead end