
Notes
Technical Notes This section contains technical notes, quick references, and documentation covering various technologies including: Angular development basics and advanced topics Flutter development, deployment, and iOS integration Cloud development with GCP, GKE, and various cloud services Development tools and utilities Browse through the notes below to find quick solutions and references for common development tasks.













Flutter - Riverpod
Flutter - Riverpod Riverpod is a reactive caching and data-binding framework for Flutter and Dart applications. It’s designed to solve the problems of provider while being more robust and …

Flutter - State Management
Local state - State that can be contained within a single widget. Local or ephemeral state. setState & Stateful widget. State that only effects a single widget. Global / Shared state - State that …

Flutter - UI Quick Reference
Flutter - UI Quick Reference Rounded Corners Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), ), ) Font Style Text( "MyLabel", style: TextStyle( fontWeight: …

Flutter - MacOS Build
Flutter - MacOS Build To make a local executable for mac: From the terminal type flutter build macos The app is create under: build/macos/Products/Release/{yourapp}.app [!tip]+ Target level issues The …

Flutter for MacOS Distribution - Firestore Bug
Flutter for MacOS Distribution - Firestore Bug I was building a app testing firestore and hapened to be using MacOS Desktop as the deploy target. Come to find out it wasn’t connecting to the …

Flutter - HiveDB
View Source Code Here Hive DB This example explores the use of HiveDB for local storage in dart & flutter Dependencies HiveDB requires four entries in your pubspec.yaml. Two belong under the …

Flutter - JSON from File
View Source Code Here Flutter JSON from file This example loads a sample dataset from a file and displays a random entry in the UI Loading data from a static json file Register the file in the assets …

Flutter - List Sorting
View Source Code Here Flutter List Sorting This example demonstrates how to sort a List of items. Given a list of users and a sort order (isDecending) bool isDecending = false; List<String> …

Flutter - YouTube Player
View Source Code Here YouTube Player This example explores playing youtube videos inside flutter apps. The package youtube_player_flutter has a sister project called youtube_player_iframe both located …

Flutter - List Filtering
List filtering View Source Code Here To get a subset of items from a List in flutter you can use the List.where() method. The method loops over all entries in the List passing them to a custom …

Flutter - Repository Pattern
Flutter Repository Pattern View Source Code Here This repo demonstrates using the repository pattern for layering your architecture. In this design the view utilizes a generic interface to get and set …

Flutter - ListView Dynamic Data
ListView with Dynamic Data View Source Code Here This example implements the common use case of displaying a ListView using a dynamic set of data from an external source. For this example the data is …


Flutter - Classes & Constructors
Classes & Constructors class Person { final String first; final String last; final String email; Person : first = "none"; // initializer list assigns variables before the constructor runs …

Flutter - CLI New App
Create a New Application Create a new app flutter create todo or with an org flutter create --org run.cgrant todo

Flutter - Cocoapods issues with firebase - M1 issue
Had issues getting Flutter to connect to firebase. Had some Cocoapods issues. This seems to be a M1 Mac issue Found a fix on this video https://www.youtube.com/watch?v=iWIiXADqsm0 install ffi: sudo …

Flutter - Code Basics
Code Basics the main.dart file executes the app with the following convention void main() => runApp(MyApp()); MyApp() is a class that extends either a StatelessWidget or StatefulWidget. In general …

Flutter - Connecting to Firestore
Flutter - Connecting to Firestore [[../../../_notes/code/Flutter]] Make sure you’ve configured your project using the instructions in [[Flutter - Firebase Setup]] Add the dependency to your …

Flutter - Creating Packages and reuseable modules
title: Flutter - Creating Packages and reuseable modules tags: [flutter] how to create packages for reuse across multiple apps Good write up on it: https://www.youtube.com/watch?v=ZABb7PTkT58


Flutter - File & Folder Structures
Key Files & Folders Before getting into the coding lets refresh on the core concepts Lib: the core source files are under /lib Main.dart: Typically there’s a minimal main.dart file Pubspec: …

Flutter - Firebase Setup
Getting started It used to be somewhat challenging to configure [[Firebase]] and [[../../../_notes/code/Flutter]]. Now though they’ve provided a new flutterfire CLI to assist and it’s …

Flutter - firestore-connections
2 Connecting to firestore First add the dependency open the file pubspec.yaml and add the dependency for cloud_firestore dependencies: flutter: sdk: flutter cloud_firestore: ^0.8.2 Make sure to run …

Flutter - ios-google-signin
tips Google sign in on ios crashes for me this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I needed to add a url scheme as mentioned here …

Flutter - Model Conventions
Once you review this, go look at [Freezed](https://pub.dev/packages/freezed) to simlify creation with generated classes Utilize a lib/models folder for your classes Utilize initializer lists for …

Flutter - Model Conventions
Flutter Model Conventions Utilize a lib/models folder for your classes Utilize initializer lists for simple setters instead of full constructors Utilize named constructors like .fromMap() to …

Flutter - Packages and Imports
Packages and Imports Files can reference each other with standard paths following the package name. Assuming the following structure flutter_my_demo - pubpsec.yaml (name: flutter_my_demo) - lib/ - …

Flutter Connecting to Firestore
Flutter Connecting to Firestore [[../../../_notes/code/Flutter]] First add the dependency open the file pubspec.yaml and add the dependency for cloud_firestore dependencies: flutter: sdk: flutter …

Flutter Google SignIn with iOS
Flutter Google SignIn with iOS [[../../../_notes/code/Flutter]] Google sign in on ios crashes for me this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I …

Flutter Home
Flutter Development You forgot everything again didn’t you 🙂 OK let’s try to get you back up to speed quicker this time. Go through the install process if you’re really starting …

Flutter ios-google-signin
Google sign in on ios crashes for me [[../../../_notes/code/Flutter]] this was a good thread https://github.com/flutter/flutter/issues/44564 As noted in that thread, I needed to add a url scheme as …

Flutter TOC
Flutter Getting started Install Flutter [[flutter-top-10-vs-code-tips|Setup VS Code]] [[../Flutter - File & Folder Structures|Review File and Folder Structures]] [[../Flutter - Code Basics|Review …
Stay Updated
Get the latest articles delivered straight to your inbox. No spam, just quality insights.