developez

@twonks.bsky.social

This Week In React 271

⚛️ React:
- Vinext
- RSC
- Activity
- Fiber
- Next.js
- TanStack
- Compiler

📱 RN:
- Expo 55
- Router
- State of React Native
- Enriched
- Maestro
- Sparkling
- Metro
- Grab
- Brownfield

🍿 Read/subscribe: thisweekinreact.com/newsletter/271

🪶 @jwr.ski & I

MCP para principiantes de Microsoft

Microsoft tiene un curso de "MCP para principiantes" desde cero y en Español.

✓ 25 módulos: Fundamentos, servers, DevTools...
✓ Para Python, JavaScript, C# .NET, Java y Rust

→ github.com/microsoft/mc...

Mihoko Kasamatsu.
Flores al atardecer, 1970.

The Silver Sufer surfs over a spacecraft, firing a pink bolt from his left hand at the ship as he asks,"Are you still too NEW to space to realize there are NO LIMITS out here?”

Akira Toriyama

Terminal output SVG screenshot tool Usage: termframe [OPTIONS] [COMMAND] [ARGS]... Arguments: [COMMAND] Command to run [ARGS]... Arguments provided to the command Options: --config <FILE> Configuration file path [env: TERMFRAME_CONFIG=] -W, --width <COLUMNS> Terminal width: N|auto|MIN..MAX[:STEP][@INIT] [default: 80..240:4@180] -H, --height <LINES> Terminal height: N|auto|MIN..MAX[:STEP][@INIT] [default: 24..60@48] --padding <EM> Override padding for the inner text in font size units --font-family <NAME>... Font family --font-size <SIZE> Font size [default: 12] --font-weight <WEIGHT> Normal font weight [default: normal] --embed-fonts [<ENABLED>] Embed fonts [default: false] --subset-fonts [<ENABLED>] Subset fonts [default: false] --bold-is-bright [<ENABLED>] Bright bold text [default: false] --bold-font-weight <WEIGHT> Bold text font weight [default: bold] --faint-opacity <0..1> Faint text opacity [default: 0.5] --faint-font-weight <WEIGHT> Faint text font weight [default: normal] --line-height <FACTOR> Line height, factor of the font size [default: 1.2] --mode <MODE> Appearance [default: auto] [possible values: auto, dark, light] --theme <THEME> Color theme [default: one-double] --window [<ENABLED>] Enable window [default: true] --window-shadow [<ENABLED>] Enable window shadow [default: true] --window-margin <PIXELS> Override window margin --window-style <NAME> Window style --title <TITLE> Window title --show-command [<ENABLED>] Show command [default: false] --command-prompt <PROMPT> Command prompt to show before the executed command [default: "❯ "] --syntax-theme <THEME> Syntax theme [default: dark:rosepine-moon,ligh…

Executes the provided command as-is with all flags and arguments in a pseudo terminal and captures the generated output. The result is printed as it was produced. Additionally, an image will be rendered in a lookalike terminal window including all terminal colors and text decorations. Usage: termshot [termshot flags] [--] command [command flags] [command arguments] [...] [flags] Flags: -e, --edit edit content before creating screenshot -c, --show-cmd include command in screenshot -C, --columns int force fixed number of columns in screenshot -m, --margin int set margin around the window (default 48) -p, --padding int set padding around the content inside window (default 24) --no-decoration do not draw window decorations --no-shadow do not draw window shadow -s, --clip-canvas clip canvas to visible image area (no margin) -f, --filename string filename of the screenshot (default "out.png") --raw-write string write raw output to file instead of creating a screenshot --raw-read string read raw input from file instead of executing a command -v, --version show version -b, --clipboard copy termshot to clipboard, overrules filename option -h, --help help for termshot

Oh, there is a new CLI tool for capturing terminal output as screenshots, but as SVG instead of PNG:

"termframe" -> github.com/pamburus/ter...

Here is a comparison of "termframe" (~22 kb SVG) to "termshot" (~221 kb PNG) ->

Speed test results showing: Download 89.1 Mbps, Upload 75.8 Mbps, Idle latency 30 ms, Loaded latency 59 ms, plus a bandwidth comparison chart and percent differences vs. average.

Wake up babe new speed testing UI has dropped

https://radar.cloudflare.com/speedtest

#SpeedTest #Cloudflare #CloudflareRadar

Paul Cupido.
Parte de su colección 36 vistas del monte Fuji, 2025.

Strike, 1910 by Stanisław Lentz

Me escriben por internet muy enfadados diciendo que "Ya está bien de criminalizar a los rentistas"

Push the Penpot MCP to its Limits. Join the Beta test! tl;dr: Penpot launches its open beta for the MCP server. Take part as a tester by writing to support@penpot.app with the subject “MCP test volunteer” Something new is coming to Penpot, and we would l...

Push the Penpot MCP to its Limits. Join the Beta test!🫶

Penpot launches its open beta for the MCP server. Take part as a tester by writing to support@penpot.app with the subject “MCP test volunteer”

All the info👇
community.penpot.app/t/push-the-p...

René Magritte.
El veneno, 1939.

No me canso de repetirlo 👇

"Los modelos de lenguaje no planifican; generan textos que parecen planes.

Los modelos de lenguaje no resuelven problemas; generan textos que parecen soluciones.

Los modelos de lenguaje no piensan; generan textos que parecen como si lo hicieran."

Andriy Burkov

Taisia Afonina. Roof, 1957

Union-made in the USA! Purchase campaign gear at store.mattortega.com.

I'm a graphic designer and web developer but you may not know that I taught myself to code at 12, picking up design along the way. I have never been content to wait for someone else.

I designed my logo with deliberate choices, each one personal. Now it is available on campaign merch!

Screenshot of the repository

TypeScript library for terminal user interfaces

Woah, this is dope. Just added it to my pies site in just a few lines of CSS. Nice progressive enhancement where supported.

pies.jim-nielsen.com

A CSS-driven Mahjong Solitaire.

Built a CSS Mahjong over the weekend: voxjong.com

Powered by my relentless quest to conquer the 3D DOM.

Lo que habría disfrutado Borges con Minecraft

Anton Faistauer. Landscape of Southern France (Aix en Provence), 1926

Egon Schiele. Two Girls on a Fringed Blanket, 1911

me encantan los proyectos así: un terminal con una base sqlite para gestionar todo lo relativo a tu casa micasa.dev

'La fragata de vapor de 12 cañones "Kamchatka"' Autor: Alexey Petrovich Bogolyubov (ruso, 1824-1896)

'La fragata de vapor de 12 cañones "Kamchatka"'
Creación de 1848.
Técnica: Óleo sobre lienzo.
Dimensiones: 52 × 72 cm.
Ubicación: Museo Naval Central, San Petersburgo, Rusia.
Autor: Alexey Petrovich Bogolyubov (ruso, 1824-1896)
#arts #paintings

TetraLogical logo above headline “Accessible building blocks for web” over an abstract network of connected circles.

Accessible building blocks for web. A series of short videos by @tetralogical.com on accessibility basics: headings, images, buttons, links, and form fields, with practical tips on labels, contrast, and semantic HTML for keyboard and screen reader users. #a11y #video

www.youtube.com/playlist?lis...

Vercel-like hosting is bad because as your project grows, the price grows exponentially.

AWS and Google Cloud have terrible DX and UI.

Seems like, the best option is to rent a VPS and install an open-source Vercel alternative (Coolify or Dokploy).

blog.logrocket.com/dokploy-vs-c...

-node -e "const fs = require('node:fs'); fs.rmSync('./dist', { recursive: true, force: true });" +node -e "fs.rmSync('./dist', { recursive: true, force: true });"

TIL "node -e" automatically exposes built-in Node.js modules, like fs. Makes tiny snippets like these much cleaner!

Light blue control panel with a couple of sliders

Current status: making control panel stuff (those are normal HTML input range sliders)

We are finally done with the first two types of slopes!!

(;´༎ຶٹ༎ຶ`)(;´༎ຶٹ༎ຶ`)

This covers the initial batch, we will be adding more slowly haha.

Next would be adding MDSDRV support!

#megadrive #mdengine #homebrew #indiedev #gamedev #sgdk