Why Flutter excitement me?

Flutter is fun. Why Flutter excitement me at mobile development?

Transcript

1. Why Flutter excitement me?
   ENDO Yasuyuki ( @eyasuyuki )
   

   View Slide

2. About me
   ENDO Yasuyuki (2019/03~ freelance)
   https://github.com/eyasuyuki
   2009~ Android development
   2016~ iOS development
   2019/03~ Flutter development
   2019/04~ React Native development
   

   View Slide

3. Websites
   Flutter Official Website
   https://flutter.dev/
   Dart Official Website
   https://www.dartlang.org/
   Japan Flutter User Group
   https://flutter‑jp.connpass.com/
   Dartlang Users JP ‑ Slack
   http://dartlang‑users‑jp‑invite.herokuapp.com/
   

   View Slide

4. Examples ‑ Simple YouTube Player
   React Native version
   From Barry Michael Doyle's tutorial.
   https://github.com/eyasuyuki/SimpleYouTubePlayer
   Flutter version
   https://github.com/eyasuyuki/simple‑youtube‑player
   

   View Slide

5. Why Flutter excitement me?
   Easy to install
   Dart2 is simple
   Very fast hot‑reload
   Everything is Widget
   High productivity
   

   View Slide

6. Easy to install
   1. Download and extract Flutter SDK
   2. Add flutter/bin
   to PATH
   environment
   3. Use CLI command flutter doctor
   4. Install plugin to Android Studio/Visual Studio Code
   5. Run iOS Simulator/Android emulator
   6. flutter create -a kotlin -i swift
   7. Update to new version flutter upgrade
   

   View Slide

7. Dart2 is simple
   https://www.dartlang.org/guides/language
   

   View Slide

8. Everything is Object
   https://www.dartlang.org/guides/language/language‑tour#important‑concepts
   Every object is an instance of class
   numbers, functions, and null
   are object
   All object inherit from Object
   class
   

   View Slide

9. Class based object oriented language
   https://www.dartlang.org/guides/language/language‑tour#classes
   

   View Slide

10. Strongly typed programming language
    https://www.dartlang.org/guides/language/sound‑dart
    Type inference
    code example
    main() {
    var x = 5;
    print(x);
    x = 'text'; // compile error
    }
    

    View Slide

11. dynamic
    type
    code example
    main() {
    dynamic x = 5;
    print(x);
    x = 'text';
    print(x);
    }
    

    View Slide

12. this
    keyword refers current instance (like Java)
    https://www.dartlang.org/guides/language/language‑tour#constructors
    code example
    class Point {
    num x, y;
    Point(num x, num y) {
    this.x = x;
    this.y = y;
    }
    }
    

    View Slide

13. map, filter, fold
    and more methods supported by
    List
    class
    https://api.dartlang.org/stable/2.2.0/dart‑core/List‑class.html
    

    View Slide

14. ===
    operator was not supported (use identical
    )
    https://api.dartlang.org/stable/2.2.0/dart‑core/identical.html
    code example
    class X {
    final String _value;
    X(this._value);
    }
    main() {
    var a = X('a');
    var b = X('a');
    print(identical(a, b)); // false
    var p = X('b');
    var q = p;
    print(identical(p, q)); // true
    }
    

    View Slide

15. https://twitter.com/fran_wernke/status/1115074586415071234
    

    View Slide

16. ==
    operator is appropriate
    code example
    0 == "0" // false
    0 == [] // false
    "0" == [] // false
    

    View Slide

17. Very fast hot‑reload
    Demo
    

    View Slide

18. Everything is Widget
    StatelessWidget
    StatefulWidget
    No layout.xml
    or Storyboard
    Material design
    MaterialApp
    , Scaffold
    Cupertino (iOS‑style) widgets
    

    View Slide

19. Hight productivity (1/3)
    Android Studio debugger
    Show closing labels in Dart cord
    

    View Slide

20. Hight productivity (2/3)
    CLI commands
    flutter doctor
    flutter create -a kotlin -i swift
    flutter run
    Run flutter packages get
    after editing pubspec.yaml
    flutter clean
    dartfmt
    

    View Slide

21. High productivity (3/3)
    Asynchronous programming
    Future
    async/await
    Stream
    BLoC pattern
    Business Logic Component
    Lot of packages
    Firebase, etc.
    

    View Slide

22. Coming features
    macOS application development
    Windows application development
    Web application development
    Hummingbird project
    

    View Slide