Flutter is the best. Best practices & tools

A presentation about the best practices and tools about Flutter - at GDG Kolkata DevFest'18

Transcript

1. Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github - iampawan Kolkata Flutter is the best!! Best Practices & Tools
2. Disclaimer – I am a Flutter fanboy and a meme lover. Kolkata
3. Pichle Episode me aapne dekha… Kolkata
4. Arya Stark (Pooja Bhaumik) Kolkata
5. Principle Sir (Dhrumil Shah) Kolkata
6. Prime Time With Ravish (Raveesh) Kolkata
7. About me Kolkata
8. Another Ordinary Software Developer Kolkata
9. Google Developer Expert Kolkata
10. Agenda Kolkata
11. Agenda • Creating first flutter app • Designing the UI • Best Practices • Tooling Kolkata
12. Let’s Start Kolkata
14. Flutter The One Kolkata
15. Everything is a widget
16. Kolkata
17. The App is itself a widget.
18. The App is itself a widget.
19. Scaffold Introduced
20. ListView Introduced
21. Card Introduced
23. Designing UI Kolkata
24. Hamse na ho Paayega !
25. See Visualize Code End Designing UI Steps
26. What do you see here?
27. Diagram the layout
29. Flutter UI KIT https://github.com/iampawan/Flutter-UI-Kit
30. Best Practices Kolkata
31. When you see too much nested code !
32. Avoid Padding
33. Use SizedBox
35. Future Builder Widget that builds itself based on the latest snapshot of interaction with a Future.
36. SetState() and Rebuild the tree
37. Stream Builder Widget that builds itself based on the latest snapshot of interaction with a Stream.
38. Scales and positions its child within itself according to fit. Fitted Box
39. A widget that displays its children in multiple horizontal or vertical runs. Wrap
40. A box in which a single widget can be scrolled. SingleChildScollView
41. Animations are cool
42. AnimatedBuilder is useful for more complex widgets that wish to include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function. Animated Builder
43. In the isolate you can perform more CPU intensive processing (parsing a big JSON, for example), or perform computationally intensive math, such as encryption or signal processing. Use Isolates
44. “ Make Separate Widgets For Better Control Over the State “
45. Tools Kolkata
46. Json 2 Dart https://javiercbk.github.io/json_to_dart/
47. Performance Monitoring
48. Rebuild Indicators
49. Rebuild Indicators
51. Widget Inspector
52. Widget Inspector
53. Dart VM Observatory
54. - Everyone “With Flutter the only limitation is your own imagination.”
55. Links to learn flutter Pawan Kumar • MTechViral YouTube • iampawan - github • Let's flutter - fb group Google • Flutter.io • Udacity Course • Flutter Codelabs • Boring Development Show Misc. • Awesome Flutter Repo • Udemy Courses • Slack,Gitter, Reddit
56. Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github - iampawan Kolkata Thank you!
57. - GDG,WTM Kolkata, Pawan Kumar “ Wishing you and your family a very Happy Diwali”
58. Q&A Kolkata