stereobooster

Integration of Playwright and PollyJS.

What is test coverage?

JS I think that this whole trend (of UI components) started with React.

Classical approach Classical Rails view (V from MVC) approach is: ERB plus helpers.

Speed up Ruby yjit asdf is “The Multiple Runtime Version Manager”.

There are several types of static site generators (SSG).

Unsorted notes about components in web development Headless components Headless, aka un-styled, but (and it’s important) with a11y React Vue Svelte Solid Qwik Angular Preact Radix UI Radix Vue Melt UI kobalte Qwik UI ?

Task: add support for diagrams to Astro.

Unsorted notes about key-value stores in JavaScript.

Faceted search is a parametric search with the difference that user can judge about distribution of results by different cataegories (facets) upfront.

Digital garden aka Second brain, Zettelkasten, personal wiki, personal knowledge management.

Why?

I created image components a couple of times before: Responsive images for Hugo react-ideal-image But browsers keep improving - now almost all modern browsers support: loading=lazy srcset picture webp I checked existing solutions - they either don’t do wh…

Tauri and Puppeteer/Playwright have different use cases.

Let’s say you need to distribute binary in npm.

This list is about tools beyond static hosting and static website generators.

Where can be used validate http request from client (at server side) validate http response from server (at client side) validate data from untyped storage, for example localStorage, JSON columns in DB, etc. validate env variables validate CLI arguments v…

aka relative links, local links, file path links.

So you have folder with markdown files.

aka diagrams as code I dreamt about it for a long time.

Basic idea - navigating between pages is slow, because: browser waits for network response it is expensive to redraw the whole page from scratch.

JS micromark used by mdast-util-from-markdown used by remark-parse used by prettier mdx, which is used by Next.js Gatsby Docusaurus etc. mdc, which is used by Nuxt Astro markdown-it used by 11ty vuepress vitepress showdown used by (based on what they say)…

Headless and accessible aka unstyled, renderless Main idea is to provide all the logic for component (often accessibility) without forcing any visual appearance.

style prop <div style={{ color: "red" }} /> style prop it the most basic CSS-in-JS solution.

Introduction Typical problem: you want to distribute React (Solid, Vue, etc.) component in npm package.

react-native-web itself doesn’t require any tricky configuration to work with Vite. import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], alias: {…

To illustrate ideas from my previous article.

Modern PWAs are very powerful - they can use/do: geolocation, notifications, file system, payment, bluetooth, camera, microphone, etc.

WCAG Initially I was confused by WCAG, WAI-ARIA and other standards.

Imagine you have a list (or a table) with checkboxes, for example, to do list, mail inbox, or “back-office” page.

Stop choosing DX over UX. – Devon Govett (@devongovett) By no means I want to dunk on Devon.

Inspired by Braid Dialog: It’s recommended that you connect the Dialog’s open state to your router so that it can be closed via the browser’s back button.

Based on: Theory of Computation (CS3102), Spring 2017, videos are here It’s Time for a New Old Language, 2017, talk by Guy L.

Why do we need parsers?

In my first post I didn’t mention “parser combinators”.

What is accessibility?