rodydavis
@rodydavis
Public Skills
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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-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.
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.
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.
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.
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.
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.
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-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.
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.
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.