Flutter: YouTube Search 01 – Setup & Model – BLoC Tutorial Course

Welcome to the free Flutter course in which you will learn all the critical skills that you need in order to become a great Flutter developer.

We are going to build a YouTube search app. You’ll learn how to write clean, structured and most importantly bug-free code. Having a proper architecture is extremely critical as soon as your project grows to a substantial size. That’s why we are going to utlilize the BLoC pattern.

You will learn to fetch JSON data from an API and convert it into Dart objects using the built_value package. For the BLoC we are going to use an amazing library to save us from copying and pasting Dart’s streams and sinks all over the place. Finally, we are going to build a good looking UI with a paginated ListView.

?Get the code from this tutorial?

Dart built_value snippets

{
    "Built Value": {
        "prefix": "blt",
        "body": [
            "abstract class ${1} implements Built<${1}, ${1}Builder> {",
            "\t${0:// fields go here}",
            "",
            "\t${1}._();",
            "",
            "\tfactory ${1}([updates(${1}Builder b)]) = _$${1};",
            "}"
        ],
        "description": "Built Value Class"
    },
    "Built Value Serializable": {
        "prefix": "blts",
        "body": [
            "abstract class ${1} implements Built<${1}, ${1}Builder> {",
            "\t${0:// fields go here}",
            "",
            "\t${1}._();",
            "",
            "\tfactory ${1}([updates(${1}Builder b)]) = _$${1};",
            "",
            "\tString toJson() {",
            "\t\treturn json.encode(serializers.serializeWith(${1}.serializer, this));",
            "\t}",
            "",
            "\tstatic ${1} fromJson(String jsonString) {",
            "\t\treturn serializers.deserializeWith(${1}.serializer, json.decode(jsonString));",
            "\t}",
            "",
            "\tstatic Serializer<${1}> get serializer => _$${1/(^[A-z]{1})/${1:/downcase}/}Serializer;",
            "}"
        ],
        "description": "Serializable Built Value Class"
    },
    "Built Value Header": {
        "prefix": "blth",
        "body": [
            "library ${1};",
            "",
            "import 'dart:convert';",
            "",
            "import 'package:built_collection/built_collection.dart';",
            "import 'package:built_value/built_value.dart';",
            "import 'package:built_value/serializer.dart';",
            "",
            "part '${1}.g.dart';",
        ],
        "description": "Built Value Imports and File Header"
    },
}