/
Delightful mobile development Delightful mobile development

Delightful mobile development - PowerPoint Presentation

singh
singh . @singh
Follow
0 views
Uploaded On 2024-03-13

Delightful mobile development - PPT Presentation

An introduction to Googles Flutter Bejenari Marian Agenda What is wrong with Mobile development How Flutter can solve them Live Demos Inner Loop Code 5m Fix 30s RunTest 30s Compile ID: 1048151

return flutter snapshot data flutter return data snapshot demo text connectionstate context todo buildcontext mobile await case json todos

Share:

Link:

Embed:

Download Presentation from below link

Download Presentation The PPT/PDF document "Delightful mobile development" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

1.

2. Delightful mobile development. An introduction to Google's Flutter. Bejenari Marian

3. AgendaWhat is wrong with Mobile developmentHow Flutter can solve themLive Demos

4. Inner LoopCode5mFix30sRun/Test30sCompile1m

5. Flutter Inner LoopCode5mFix30sRun/Test2-30sCompile1m

6. Inner Loop

7. Flutter Inner Loop

8. Flutter is DeclarativeWidget build(BuildContext context) {return new Container(height: 400.0,padding: const EdgeInsets.all(8.0),child: todos.isEmpty? new Text("empty, try to add something"): new ListView(children:todos.map<Widget>((todo) => new Text(todo)).toList()));}

9. Dart What? Why?Developer productivityPredictable, high performanceFast allocation

10. Dart async/awaitFuture<Data> loadData() async {final json = await service.get();final data = await deserialize(json);return data;}Widget build(BuildContext context) {return new FutureBuilder(future: loadData,builder: (context, snapshot) {switch (snapshot.connectionState) {case ConnectionState.done: return new Text(snapshot.data);case ConnectionState.waiting: return new CircularProgressIndicator();}});}

11. Demo

12. Building Custom

13. NativeCordovaReact.NativeFlutter

14. Demo

15.

16. Demo

17.

18. Wrap upCan Flutter make you more productive? …YesWill it simplify your cross-platform development?…YesIs it ready for production?…Maybe, keep it mind it’ alphaIs it ready to play with?…Definitely

19. Marian Bejenari