Tags / Javascript

Javascript 17 posts

Async Preact Signals

Use signals in React to handle asynchronous data efficiently by leveraging synchronous operations and re-running asynchronous tasks when dependencies change, while avoiding the pitfalls of directly using async functions within signal effects.

2025-01-28 12:00:00.000Z Read post

How to create HTML Web Components with Dart

Learn about Web Components: create reusable HTML tags with JavaScript for progressive web app enhancement, framework compatibility, and independent deployment.

2025-02-14 12:00:00.000Z Read post

Dynamic Themes with CodeMirror

Create a Lit web component with CodeMirror and Material Design for a dynamic code window, using Vite and TypeScript.

2025-01-19 23:52:54.455Z Read post

How to Run Astro SSR and PocketBase on the Same Server

This tutorial demonstrates how to run PocketBase and Astro in server-side rendering (SSR) mode on the same server using Go, providing instructions for project setup and server configuration.

2025-01-18 22:05:53.055Z Read post

Lit and Figma

This article provides a tutorial on setting up a Lit web component and using it to build a Figma plugin, including project setup, dependencies, and build scripts, with the complete source code available on GitHub.

2025-01-20 02:00:23.655Z Read post

Lit and Flutter

Embed and utilize Lit web components within Flutter applications to access device APIs and create cross-platform apps with automatic updates.

2025-01-20 02:22:00.005Z Read post

Building a HTML Element Sandbox with Lit

Create a live, updatable HTML element sandbox using Lit and Vite, with detailed setup instructions and a working demo.

2025-01-19 06:17:00.655Z Read post

Draggable DOM with Lit

Create an interactive DOM with CSS transforms using Lit, Vite, and TypeScript, as demonstrated in this tutorial with code and a live demo.

2025-01-19 08:19:15.899Z Read post

2D or 3D Force Graph with Lit

Create a 2D/3D force graph using Lit, with setup instructions, dependencies, and a basic template.

2025-01-19 06:03:11.263Z Read post

JSON to HTML Table with Lit

Create a dynamic HTML table from JSON data using Lit and Vite, with setup instructions and a working example.

2025-01-20 01:18:07.887Z Read post

Building a Rich Text Editor with Lit

This tutorial demonstrates how to set up and use a Lit web component for creating a rich text editor, including project setup, configuration, and a basic HTML template.

2025-01-19 07:04:52.222Z Read post

Lit and VSCode Extensions

Create a VSCode extension using Lit web components with Vite, TypeScript, and a pre-configured build process.

2025-01-20 02:41:17.941Z Read post

How to Build a WebRTC Signal Server with PocketBase

This tutorial demonstrates setting up a WebRTC video calling example using PocketBase as a signaling server with SQLite and Server Sent Events, providing instructions for server setup and collection creation.

2025-01-18 22:32:05.045Z Read post

How To Send Push Notifications on Flutter Web (FCM)

Configure Firebase Cloud Messaging for Flutter web by modifying the index.html to use the `firebase-messaging-sw.js` service worker and providing your Firebase project credentials.

2025-01-20 01:11:12.099Z Read post

File Based Routing for Static Sites

This article details how to build a static site multi-page application using file-based routing with TypeScript, including setup instructions for a project structure, `tsconfig.json`, and `package.json` files.

2025-01-19 23:59:39.058Z Read post

Check if an Object is Truthy in Dart

Dart's `isTruthy` extension allows treating objects as truthy, mimicking JavaScript's behavior, by handling null, boolean, numeric, string, iterable, and map types.

2025-01-19 02:25:47.322Z Read post

Color Utilities in JavaScript

JavaScript color utility functions for converting between RGB, HEX, and HSL color formats, generated with GitHub Copilot.

2025-01-19 03:37:33.316Z Read post