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.

원문 언어: 영어