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

Flutter is the best. Best practices & tools

059d4fc86078000466f96ef95f1907f4?s=47 Pawan Kumar
November 03, 2018

Flutter is the best. Best practices & tools

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

059d4fc86078000466f96ef95f1907f4?s=128

Pawan Kumar

November 03, 2018
Tweet

More Decks by Pawan Kumar

Other Decks in Technology

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

  13. None
  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

  22. None
  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

  28. None
  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

  34. None
  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

  50. None
  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