36 Matching Annotations
- Sep 2026
- Jul 2026
-
-
I ported Kubernetes to the browser
- Project Overview:
- Named webernetes, it is a highly experimental, browser-based partial port of Kubernetes written in TypeScript, running entirely client-side without backend server components.
- Developed at ngrok to provide a long-term, low-maintenance simulator for creating interactive and visual educational content about Kubernetes.
- Architecture & Features:
- Includes ports of core Kubernetes controllers (deployment, ReplicaSet, pod scheduler, and namespace) along with a partial port of the
kubeletbinary. - Features a simulated browser-based container network interface (CNI) for pod-to-pod communication over DNS/IP and a browser container runtime interface (CRI).
- Avoids pulling massive images from registries like Docker Hub by utilizing a custom browser-based registry defined via a TypeScript API.
- Includes ports of core Kubernetes controllers (deployment, ReplicaSet, pod scheduler, and namespace) along with a partial port of the
- Why WebAssembly (Wasm) Was Not Used:
- A simple "hello, world!" Go binary compiled to Wasm is ~540KiB gzipped, whereas the entire
webernetesproject is much lighter at ~140KiB gzipped. - Compiling the real Kubernetes codebase to Wasm failed due to compile-time errors from missing system-level APIs in the browser.
- A simple "hello, world!" Go binary compiled to Wasm is ~540KiB gzipped, whereas the entire
- Development & LLM Challenges:
- Around 90% of the code was translated line-for-line from the original Kubernetes Go source using LLMs, though the author had to strictly review every line.
- LLMs consistently introduced errors such as cutting corners (e.g., replacing complex caches with a simple JavaScript
Map), adding unrequested helper functions, and omitting cases in table tests.
- Testing & Behavioral Parity:
- To ensure lexical similarity translated to correct execution, hundreds of differential tests were written.
- These tests validate behavioral parity by running the exact same client code against both
webernetesand a realk3scluster using the officialkubernetes-client/javascriptlibrary.
- Project Overview:
-
- Jun 2026
-
www.wired.com www.wired.com
-
data-styled.g1[id="BaseWrap-sc-SkJtP"]
样式代码与逻辑混合,体现现代前端开发的复杂性。
-
- May 2023
-
patterns.hypothes.is patterns.hypothes.is
Tags
Annotators
URL
-
- Jan 2022
-
news.ycombinator.com news.ycombinator.com
-
Point being (again), definitions seem to differ, and what you call "full stack" is what I call "batteries-included framework". Full stack simply means (for me) that it gives you a way of building frontend and backend code, but implies nothing about what functionality is included in either part.
-
- Jun 2021
-
github.com github.com
-
AnyCable uses the same protocol as ActionCable, so you can use its JavaScript client without any monkey-patching.
-
-
www.mutuallyhuman.com www.mutuallyhuman.com
-
When it came to testing the whole product, end-to-end, owning both sides gave us not only more options to consider, but also more tools to choose from.
-
We chose to define the frontend in one technology stack (Angular+TypeScript/JavaScript) and the backend in another (Ruby+Ruby on Rails), but both came together to fulfill a singular product vision.
-
-
docs.gitlab.com docs.gitlab.com
-
A rule of thumb is that data should just be data - it is not recommended to observe objects with their own stateful behavior.
-
Although each method of a Vue component can be tested individually, our goal is to test the output of the render function, which represents the state at all times.
-
- Dec 2020
-
github.com github.com
-
The compiler architecture moves complexity from the runtime and source code to buildtime and tools. Behind Svelte’s simple APIs sits a beefy compiler. Frontend web development has become very tool heavy in the webapp era, so in practice this adds little cost beyond what developers like myself already pay, but increased build complexity is important to acknowledge.
tool-heavy dependence on build tools / heavy/complex build-time
-
- Nov 2020
-
www.thinktecture.com www.thinktecture.com
-
Although Capacitor is developed by Ionic, you can use it in combination with any framework and UI library you want. In fact, Capacitor itself promotes using it with whatever framework you want.
-
-
news.ycombinator.com news.ycombinator.com
-
Frontend frameworks are a positive sum game! Svelte has no monopoly on the compiler paradigm either. Just like I think React is worth learning for the mental model it imparts, where UI is a (pure) function of state, I think the frontend framework-as-compiler paradigm is worth understanding. We're going to see a lot more of it because the tradeoffs are fantastic, to where it'll be a boring talking point before we know it.
-
- Oct 2020
-
github.com github.com
-
I want to run docker daemon with TLS enabled but client certificate authentication disabled so that clients can verify authenticity of docker daemon but docker daemon doesn't need to verify clients.
-
-
lemoncode.github.io lemoncode.github.ioFonk1
-
Fonk is framework extension, and can be easily plugged into many libraries / frameworks, in this documentation you will find integrations with:
-
-
letsencrypt.org letsencrypt.org
Tags
Annotators
URL
-
-
formvalidation.io formvalidation.io
-
FormValidation can be used with popular JavaScript frameworks such as React, Preact, Vue, Svelte, etc.
-
-
github.com github.com
- Sep 2020
-
github.com github.com
-
urql is a GraphQL client that exposes a set of helpers for several frameworks.
-
One package to get a working GraphQL client in React, Preact, and Svelte
-
- Jun 2020
-
matrix.org matrix.org
Tags
Annotators
URL
-
- May 2020
-
jamstack.org jamstack.org
-
When is your site not built with the Jamstack? Any project that relies on a tight coupling between client and server is not built with the Jamstack.
-
- Apr 2020
-
docs.npmjs.com docs.npmjs.com
-
CLI documentation > CLI commands
-
- Nov 2019
-
www.youtube.com www.youtube.com
- Jan 2019
-
inclusive-components.design inclusive-components.design
- Jul 2017
-
redditblog.com redditblog.com
- Apr 2016
- Jan 2016
-
www.frontendhandbook.com www.frontendhandbook.com
-
Learn the actual underlying technologies, before learning abstractions. Don't learn jQuery, learn the DOM. Don't learn SASS, learn CSS. Don't learn HAML, learn HTML. Don't learn CoffeeScript, learn JavaScript. Don't learn Handlebars, learn JavaScript ES6 templates.
Very true and a useful way to evaluate potential developers.
Tags
Annotators
URL
-
- Dec 2015
- Sep 2015
-
-
Implementation of the mix-blend-mode property is more complex than background-blend-mode so it is taking a bit more time, but don’t let that get you down. Blend modes will be here soon
Where possible, using multiply blending would avoid highlights making the underlying text less readable in PDFs where the
<span>created by H does not actually contain the visible text of the element
-