rodydavis/skills

dotfiles-management

Guidelines and rules for managing the user's dotfiles repository, config files, and installation scripts.

原文语言：英语

create-flutter-app-native-ui

Guide to bootstrap, coordinate, and maintain a headless Flutter engine integrated with 100% native platforms (SwiftUI, Jetpack Compose, HTML5 Web Components).

原文语言：英语

how-to-run-astro-ssr-and-pocketbase-on-the-same-server

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

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.

原文语言：英语

automate-flutter-app-releases

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

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

Explore Dart's bitwise operations for both integers and booleans, including AND, OR (inclusive & exclusive), NAND, NOR, and XNOR, with practical code examples.

原文语言：英语

various-ways-to-invoke-functions-in-dart

Discover the surprising flexibility of calling Dart functions, including mixed positional and named arguments, the `.call` operator, and dynamic invocation with `Function.apply`.

原文语言：英语

how-to-create-html-web-components-with-dart

Discover the power of Web Components and how to build them with both JavaScript and Dart for reusable, framework-agnostic UI elements.

原文语言：英语

how-to-print-multiple-objects-to-the-console-with-print-in-dart

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

Learn how to extend Dart's functionality to implement JavaScript-style "truthy" checks for easier conditional logic and value evaluations.

原文语言：英语

deep-linking-for-flutter-web

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.

原文语言：英语

displaying-html-in-flutter

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-export-sqlite-tables-to-create-statements

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.

原文语言：英语

using-fastlane-in-flutter-and-ci

Automate Flutter app builds and deployments to both the App Store and Google Play using Fastlane with this step-by-step guide.

原文语言：英语

lit-and-figma

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.

原文语言：英语

creating-your-first-flutter-project

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.

原文语言：英语

lit-and-flutter

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

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.

原文语言：英语

flutter-terminal-cheat-sheet

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-manage-multiple-flutter-versions-with-git-worktrees-and-z

Manage multiple Flutter versions efficiently using Git worktrees, eliminating the need for external version managers like FVM.

原文语言：英语

how-to-build-a-graph-database-with-flutter

Learn how to build and utilize a graph database within your Flutter applications using SQLite and the Drift package to model relationships between data.

原文语言：英语

multi-touch-canvas-with-flutter

Learn how to create a Flutter canvas with multi-touch support for panning, zooming, and object interaction, overcoming common gesture recognition conflicts.

原文语言：英语

flutter-fastlane-one-click-beta

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.

原文语言：英语

server-side-rendering-flutter-apps-with-rfw

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.

原文语言：英语

host-your-flutter-project-as-a-rest-api

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.

原文语言：英语

building-a-html-element-sandbox-with-lit

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.

原文语言：英语

draggable-dom-with-lit

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.

原文语言：英语

2d-or-3d-force-graph-with-lit

Learn how to create interactive 2D and 3D force graphs using Lit, a lightweight web component library, with this step-by-step tutorial.

原文语言：英语

json-to-html-table-with-lit

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-monaco-editor

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.

原文语言：英语

building-a-rich-text-editor-with-lit

Learn how to build a rich text editor using a Lit web component, complete with a toolbar for formatting text, links, and styles.

原文语言：英语

lit-sheet-music

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.

原文语言：英语

lit-and-vscode-extensions

Learn how to build a VSCode extension using a Lit web component, covering setup, template creation, component implementation, and extension activation.

原文语言：英语

building-a-piano-with-flutter

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.

原文语言：英语

how-to-build-a-native-cross-platform-project-with-flutter

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.

原文语言：英语

how-to-do-offline-recommendations-with-sqlite-and-gemini

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.

原文语言：英语

how-to-deploy-pocketbase-to-cloud-run

Learn how to deploy PocketBase on Google Cloud Run using the new volume mounting feature, enabling scale-to-zero, infinite storage, and easy backups.

原文语言：英语

how-to-build-a-webrtc-signal-server-with-pocketbase

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-send-push-notifications-on-flutter-web-fcm

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.

原文语言：英语