rodydavis
@rodydavis
Public Skills
automate-flutter-app-releases
by rodydavis
Automate your Flutter app releases to beta or production with this handy shell script that handles version bumping, formatting, cleaning, rebuilding, and deployment via Fastlane.
dynamic-themes-with-codemirror
by rodydavis
Learn how to create a Lit web component with CodeMirror, dynamically themed using Material Design's color utilities, for a customizable code editing experience.
how-to-do-bitwise-operations-in-dart
by rodydavis
Explore Dart's bitwise operations for both integers and booleans, including AND, OR (inclusive & exclusive), NAND, NOR, and XNOR, with practical code examples.
server-side-rendering-flutter-apps-with-rfw
by rodydavis
Learn how to build a dynamic Flutter app using Server Side Rendering (SSR) with the rfw package, enabling UI updates driven by server logic and binary data exchange via HTTP.
using-fastlane-in-flutter-and-ci
by rodydavis
Automate Flutter app builds and deployments to both the App Store and Google Play using Fastlane with this step-by-step guide.
displaying-html-in-flutter
by rodydavis
Easily display and interact with HTML content in your Flutter app using the easy_web_view package, which supports both web and mobile platforms.
lit-and-figma
by rodydavis
Learn how to create a Figma plugin using Lit web components, including project setup, component creation, WASM integration, and building the final plugin for use in Figma.
multi-touch-canvas-with-flutter
by rodydavis
Learn how to create a Flutter canvas with multi-touch support for panning, zooming, and object interaction, overcoming common gesture recognition conflicts.
how-to-export-sqlite-tables-to-create-statements
by rodydavis
Learn how to export your entire SQLite database schema, including tables and indexes, into runnable CREATE statements at runtime using Flutter and the sqlite3 package.
building-a-rich-text-editor-with-lit
by rodydavis
Learn how to build a rich text editor using a Lit web component, complete with a toolbar for formatting text, links, and styles.
host-your-flutter-project-as-a-rest-api
by rodydavis
Learn how to structure a Flutter project to reuse models and business logic across iOS, Android, Web, desktop platforms, and a REST API deployable to Google Cloud Run, enabling a single codebase for both client and server.
flutter-terminal-cheat-sheet
by rodydavis
This post provides a handy collection of Flutter commands and scripts for web development, package creation, troubleshooting, testing, and more, streamlining your Flutter workflow.
how-to-do-offline-recommendations-with-sqlite-and-gemini
by rodydavis
Learn how to enhance your CMS like PocketBase with AI-powered content recommendations using text embeddings, SQLite, and k-nearest neighbor search for efficient and scalable related content suggestions.
creating-your-first-flutter-project
by rodydavis
Dive into the world of Flutter, Google's UI toolkit, and learn how to build cross-platform apps with ease using this introductory guide and accompanying "Flutter Take 5" video series.
flutter-markdown-view-with-material-3
by rodydavis
Learn how to customize the Flutter Markdown widget using Material 3 text and color styles for a visually appealing and consistent design.
flutter-stream-widget
by rodydavis
Learn how to build dynamic Flutter UIs by directly using streams within your widget's build method, enabling reactive screen updates and more efficient data handling.
signals-and-flutter-hooks
by rodydavis
Explore state management in Flutter, from the basics of setState to advanced techniques using ValueNotifier, Signals, Flutter Hooks, and the new signals_hooks package for a reactive and efficient approach.
building-a-piano-with-flutter
by rodydavis
Build a Tiny Piano in Flutter: Learn how to create a fully functional, Flutter Create contest-winning piano app using just 5032 bytes of Dart code, complete with MIDI support and customizable features.
flutter-master-detail-view
by rodydavis
Learn how to implement a responsive Master-Detail interface in Flutter that adapts to different screen sizes, leveraging multi-column layouts on larger screens and pushing to detail screens on mobile.
flutter-infinite-canvas
by rodydavis
Learn how to build an infinite, multi-touch canvas in Flutter using InteractiveViewer and CustomMultiChildLayout for a flexible and interactive user experience.
deep-linking-for-flutter-web
by rodydavis
Learn how to implement proper URL navigation in your Flutter application, including deep linking to specific pages, handling protected routes, and creating custom transitions for a seamless user experience.
install-flutter-from-git
by rodydavis
Install Flutter SDK via git clone and configure for all platforms
how-to-run-astro-ssr-and-pocketbase-on-the-same-server
by rodydavis
Learn how to host PocketBase and an Astro SSR application on the same server, using PocketBase's Go integration and a reverse proxy to delegate requests to Astro for dynamic web content.
async-preact-signals
by rodydavis
Explore how to effectively manage asynchronous data with Preact Signals by creating a custom asyncSignal that handles loading, error, and data states without breaking the synchronous nature of signals.
how-to-print-multiple-objects-to-the-console-with-print-in-dart
by rodydavis
Learn how to print multiple objects to the console in Dart using Records, offering a similar experience to JavaScript's console.log() functionality.
check-if-an-object-is-truthy-in-dart
by rodydavis
Learn how to extend Dart's functionality to implement JavaScript-style "truthy" checks for easier conditional logic and value evaluations.
how-to-create-html-web-components-with-dart
by rodydavis
Discover the power of Web Components and how to build them with both JavaScript and Dart for reusable, framework-agnostic UI elements.
lit-and-monaco-editor
by rodydavis
Learn how to create a Lit web component that wraps the Monaco Editor (powering VSCode) to add a fully functional code editor to your web applications.
how-to-build-a-graph-database-with-flutter
by rodydavis
Learn how to build and utilize a graph database within your Flutter applications using SQLite and the Drift package to model relationships between data.
2d-or-3d-force-graph-with-lit
by rodydavis
Learn how to create interactive 2D and 3D force graphs using Lit, a lightweight web component library, with this step-by-step tutorial.
how-to-build-a-flutter-app-on-xcode-cloud
by rodydavis
Learn how to set up Xcode Cloud to build and deploy your Flutter application to TestFlight and the App Store with this step-by-step guide.
how-to-manage-multiple-flutter-versions-with-git-worktrees-and-z
by rodydavis
Manage multiple Flutter versions efficiently using Git worktrees, eliminating the need for external version managers like FVM.
lit-sheet-music
by rodydavis
Learn how to create a Lit web component that renders MusicXML using OpenSheetMusicDisplay, allowing you to display sheet music dynamically from a source attribute or inline XML.
how-to-send-push-notifications-on-flutter-web-fcm
by rodydavis
Learn how to implement Firebase Cloud Messaging (FCM) in your Flutter web app with this guide, covering service worker setup, helper methods, and testing to enable push notifications.
building-a-html-element-sandbox-with-lit
by rodydavis
Learn how to build a Lit web component to create a dynamic HTML element sandbox with live updates, perfect for experimenting with and showcasing web components.
flutter-input-output-preview
by rodydavis
Build responsive Flutter apps with a reusable TwoPane widget and an InputOutputPreview component for side-by-side code and preview display on both mobile and desktop.
flutter-native-http-client
by rodydavis
This blog post explores how to optimize HTTP client selection in Flutter applications based on the platform, using Cronet on Android and Cupertino's native client on iOS for improved performance and caching.
lit-and-flutter
by rodydavis
Learn how to embed a Lit web component directly within your Flutter app to leverage web-based UIs and features while accessing native device APIs for a powerful hybrid development approach.
json-to-html-table-with-lit
by rodydavis
Learn how to create a dynamic HTML table from JSON data using a Lit web component, with examples for fetching data from a URL or using inline JSON, and the ability to make the table editable.
lit-and-vscode-extensions
by rodydavis
Learn how to build a VSCode extension using a Lit web component, covering setup, template creation, component implementation, and extension activation.
how-to-deploy-pocketbase-to-cloud-run
by rodydavis
Learn how to deploy PocketBase on Google Cloud Run using the new volume mounting feature, enabling scale-to-zero, infinite storage, and easy backups.
draggable-dom-with-lit
by rodydavis
Learn how to create an interactive, draggable DOM using a Lit web component with CSS transforms and slots, enabling you to manipulate HTML and SVG elements within a canvas-like environment.
flutter-fastlane-one-click-beta
by rodydavis
Deploy your Flutter app to the App Store and Google Play with ease using this step-by-step guide covering installation, project setup, Fastlane integration, and automated deployments with Automator.
color-utilities-in-javascript
by rodydavis
Explore helpful color utility functions, like RGB to HSL, HEX to RGB, and HSL to HEX, generated with the assistance of GitHub Copilot.
how-to-build-a-webrtc-signal-server-with-pocketbase
by rodydavis
Learn how to build a simple WebRTC video call application using PocketBase as a signaling server, enabling peer-to-peer communication with SQLite on the server and realtime updates via Server Sent Events.
how-to-build-a-native-cross-platform-project-with-flutter
by rodydavis
Learn how to import dart:html and dart:io in the same Flutter project to create cross-platform plugins that work seamlessly on mobile and web.
lightweight-flutter-animations
by rodydavis
Learn how to create a streamlined animation widget in Flutter that eliminates the need for setState by leveraging an abstract class and SingleTickerProviderStateMixin for efficient UI updates.
material-3-to-material-2-theme-adapter
by rodydavis
Learn how to seamlessly integrate Material Design 3's styling into your Material Design 2 components using CSS variable overrides.
various-ways-to-invoke-functions-in-dart
by rodydavis
Discover the surprising flexibility of calling Dart functions, including mixed positional and named arguments, the .call operator, and dynamic invocation with Function.apply.
flutter-control-and-screenshot
by rodydavis
Guide on how to control a Flutter app using flutter_driver via MCP and capture screenshots.