Cocoweb
_

How to recreate Vuejs from scratch

#tips #AI #vue #typescript #open-source #self-hosting #design

Salut, web dev friends! πŸ§‘β€πŸ’»

I have selected some news from the web dev world to share.

πŸ’š How to recreate Vuejs from scratchπŸ€– AI fatigue is real and nobody talks about itπŸ‘€ The Engineering guide to Context window efficiencyπŸ” Protecting self-hosted Coolify apps with Tailscale


Have a great week.


πŸ’š chibivue

ubugeeei (mononokeking) is a japanese software engineer, member of @Vuejs. He has writted a book where he explain how to recreate the framework from scratch. If want to know more about the behind the scene of this framework, it’s a must.

In the end, knowing when to stop is a very powerful skill. AI push us to do more because it can’t be tired, but if you leave everything single things to the AI you will be obsolete. I really like his idea of using AI, only the afternoon and keeping the morning to work the «  old way Β» in order to keep his skills sharp :).

Interesting way to explain the context window efficiency.

I recently discovered Tailscale, and now I think I can’t go back.


Web tools and Library

βš—οΈ Distill

Context intelligence layer for AI agents. Deduplicates, compresses, and manages context across sessions - so your agents produce reliable, deterministic outputs. Includes a dedup pipeline with ~12ms overhead and persistent context memory with write-time dedup and hierarchical decay. Less redundant data. Lower costs. Faster responses. Deterministic results.

✈️ Vize JS

Unofficial High-Performance Vue.js Toolchain in Rust

πŸ’» Terminal UIs in TypeScript

Build rich, interactive terminal interfaces with TypeScript bindings, first-class React/Solid support, and a C ABI for any language.

πŸ€– Lifo.sh

A browser-native operating system. Run agents securely on your machine β€” no VM, no cloud sandbox, no setup.

πŸͺ„ Visual explainer

An agent skill that turns complex terminal output into styled HTML pages you actually want to read.

🍲 React logo soup

A tiny React library that makes logos look good together.

🎯 Why is this running

WITR explains where a running thing came from, how it was started, and what chain of systems is responsible for it existing right now, in a single, human-readable output or an interactive TUI dashboard.

🏰 Effect Typescript

The best way to ship faster and safer in TypeScript. Instead of writing helpers and TS code at hand, use Effect to handle the heavy work. Check effect.institute for learning it.

Cool Websites

⚑ CSS Wizardy

The OG of performance, this guy are partially responsible for my love of Web performance.

Engineering

🏒 Feature Sliced Design

Architectural methodology for frontend projects

Design inspirations

πŸ‘€ UI – ChΓ‘nh Đẑi

A collection of reusable components. Trusted registry for shadcn/ui.


πŸ“š Sources

Every news are mainly from my Twitter feed , Github feed , The collective , Picallili , Michael Thiessen , Michael Hoffmann , Stefan Judis , Cassidy Williams , Adrien Zaganelli .