We migrated an Astro site from React and Ark UI to native Web Components.
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
June 23, 2026 at 2:39 PM
We migrated an Astro site from React and Ark UI to native Web Components.
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
From React to native web with nanotags: a migration that saved 100 KB. Pavel Grinchenko replaced React and Ark UI with native Web Components and a 2.5 KB wrapper, nanotags, cutting 100 KB of JavaScript. #webcomponents #react
evilmartians.com/chr...
evilmartians.com/chr...
May 8, 2026 at 10:00 AM
From React to native web with nanotags: a migration that saved 100 KB. Pavel Grinchenko replaced React and Ark UI with native Web Components and a 2.5 KB wrapper, nanotags, cutting 100 KB of JavaScript. #webcomponents #react
evilmartians.com/chr...
evilmartians.com/chr...
My colleague made a nano UI frameworks on top of Nano Stores and Web Components.
It fits perfectly the cases like small widgets on landing pages or third-party widgets.
psd-coder.github.io/nanotags/
It fits perfectly the cases like small widgets on landing pages or third-party widgets.
psd-coder.github.io/nanotags/
March 26, 2026 at 4:50 PM
My colleague made a nano UI frameworks on top of Nano Stores and Web Components.
It fits perfectly the cases like small widgets on landing pages or third-party widgets.
psd-coder.github.io/nanotags/
It fits perfectly the cases like small widgets on landing pages or third-party widgets.
psd-coder.github.io/nanotags/
We migrated an @astro.build site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, and a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it: evilmartians.com/chronicles/f...
Here's how we did it: evilmartians.com/chronicles/f...
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
May 6, 2026 at 6:04 PM
We migrated an @astro.build site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, and a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it: evilmartians.com/chronicles/f...
Here's how we did it: evilmartians.com/chronicles/f...
We get to cheat. Some of these ladies have nanotags 🤩
Still squirrelly!
Still squirrelly!
June 21, 2025 at 9:02 PM
We get to cheat. Some of these ladies have nanotags 🤩
Still squirrelly!
Still squirrelly!
I liked nanotags so much that it inspired me to make another module, microtags: github.com/nichoth/micr...
It's basically like nanotags, but using alien-signals as state machine, and with some helpers for serverside rendering.
#devlog
It's basically like nanotags, but using alien-signals as state machine, and with some helpers for serverside rendering.
#devlog
June 29, 2026 at 9:49 PM
I liked nanotags so much that it inspired me to make another module, microtags: github.com/nichoth/micr...
It's basically like nanotags, but using alien-signals as state machine, and with some helpers for serverside rendering.
#devlog
It's basically like nanotags, but using alien-signals as state machine, and with some helpers for serverside rendering.
#devlog
We buy the tags from a company rather than make them ourselves so I don't have that kind of info since it is proprietary unfortunately! The company is called Lotek and we use the Nanopin tags www.lotek.com/products/nan...
NanoPin Tags for Smaller Species | Lotek
Nanotags for Insects. The latest Nanotag development is the Lotek NanoPin, weighing 0.15g. Numerous insects can now be monitored with Nanotags. Available as ...
www.lotek.com
November 15, 2024 at 10:21 PM
We buy the tags from a company rather than make them ourselves so I don't have that kind of info since it is proprietary unfortunately! The company is called Lotek and we use the Nanopin tags www.lotek.com/products/nan...
NEW PAPER: tracking migratory behavior of common terns in North America. Revealing how age and sex affect migration timing + highlighting the role of social connections in maintaining migratory patterns.
➡️ https://vist.ly/3mqxfqh
#ornithology #migration #social_networks
➡️ https://vist.ly/3mqxfqh
#ornithology #migration #social_networks
December 27, 2024 at 2:16 PM
NEW PAPER: tracking migratory behavior of common terns in North America. Revealing how age and sex affect migration timing + highlighting the role of social connections in maintaining migratory patterns.
➡️ https://vist.ly/3mqxfqh
#ornithology #migration #social_networks
➡️ https://vist.ly/3mqxfqh
#ornithology #migration #social_networks
Evil Martians moved: From React to native web with nanotags: a migration that saved 100 KB. evilmartians.com/chr... #WebComponents #ReactSucks
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, and a tiny library called nanotags that makes Custom Elements enjoyable to write.
evilmartians.com
May 7, 2026 at 9:30 AM
Evil Martians moved: From React to native web with nanotags: a migration that saved 100 KB. evilmartians.com/chr... #WebComponents #ReactSucks
Love seeing libraries like nanotags (nanotags.psdcoder.dev) and @arielsalminen.com's Elena (elenajs.com) appear because they look like ideas I've had myself for how to work with web components... but better executed. Looking forward to axing my own microlibrary from my projects soon!
June 27, 2026 at 2:22 PM
Love seeing libraries like nanotags (nanotags.psdcoder.dev) and @arielsalminen.com's Elena (elenajs.com) appear because they look like ideas I've had myself for how to work with web components... but better executed. Looking forward to axing my own microlibrary from my projects soon!
Relevant to this, @evilmartians.com 's nanotags library is i think my favorite helper module. I made another iteration of it: github.com/nichoth/micr... too.
GitHub - nichoth/microtags: typed, reactive frontend code that uses the platform
typed, reactive frontend code that uses the platform - nichoth/microtags
github.com
July 4, 2026 at 9:22 PM
Relevant to this, @evilmartians.com 's nanotags library is i think my favorite helper module. I made another iteration of it: github.com/nichoth/micr... too.
#NanoTags on Jack Snipe! A collaborative project is tracking habitat & winter movements using #motuswts. 🌍 Understanding these patterns helps to protect these incredible birds!
📸: Oliver Metcalfe & @charlottefoote.bsky.social
#LotekTelemetry #AdvancingWildlifeScience #BirdsCanada
1/2
📸: Oliver Metcalfe & @charlottefoote.bsky.social
#LotekTelemetry #AdvancingWildlifeScience #BirdsCanada
1/2
February 12, 2025 at 5:31 PM
#NanoTags on Jack Snipe! A collaborative project is tracking habitat & winter movements using #motuswts. 🌍 Understanding these patterns helps to protect these incredible birds!
📸: Oliver Metcalfe & @charlottefoote.bsky.social
#LotekTelemetry #AdvancingWildlifeScience #BirdsCanada
1/2
📸: Oliver Metcalfe & @charlottefoote.bsky.social
#LotekTelemetry #AdvancingWildlifeScience #BirdsCanada
1/2
Collaborators and Support on this project by: @ldvnnr.bsky.social
@naturalengland.bsky.social
@spurnbirdobs.bsky.social
@britishbirds.bsky.social
Learn more about NanoTags here: www.lotek.com/products/nan...
2/2
@naturalengland.bsky.social
@spurnbirdobs.bsky.social
@britishbirds.bsky.social
Learn more about NanoTags here: www.lotek.com/products/nan...
2/2
NanoTags for Birds and Bats | Lotek
Lotek supplies the smallest Avian coded VHF NanoTags, enabling researchers to study migration and stopover ecology using the Motus Wildlife Tracking System ...
www.lotek.com
February 12, 2025 at 5:31 PM
Collaborators and Support on this project by: @ldvnnr.bsky.social
@naturalengland.bsky.social
@spurnbirdobs.bsky.social
@britishbirds.bsky.social
Learn more about NanoTags here: www.lotek.com/products/nan...
2/2
@naturalengland.bsky.social
@spurnbirdobs.bsky.social
@britishbirds.bsky.social
Learn more about NanoTags here: www.lotek.com/products/nan...
2/2
I highly recommend reading my colleague’s article on how he built a small sugar layer framework around Web Components and Nano Stores: so you don’t have to take huge React into a static landing page just for a couple of interactive widgets.
evilmartians.com/chronicles/f...
evilmartians.com/chronicles/f...
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
June 1, 2026 at 9:38 AM
I highly recommend reading my colleague’s article on how he built a small sugar layer framework around Web Components and Nano Stores: so you don’t have to take huge React into a static landing page just for a couple of interactive widgets.
evilmartians.com/chronicles/f...
evilmartians.com/chronicles/f...
nanotags looks like the perfect way to write web components !
June 24, 2026 at 9:53 AM
nanotags looks like the perfect way to write web components !
From React to Native Web With nanotags: A Migration That Saved 100 KB, by @travisturner.bsky.social (@evilmartians@mastodon.social):
https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
#migrating #react #webcomponents #libraries
https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
#migrating #react #webcomponents #libraries
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, and a tiny library called nanotags that makes Custom Elements enjoyable to write.
evilmartians.com
May 13, 2026 at 7:30 PM
From React to Native Web With nanotags: A Migration That Saved 100 KB, by @travisturner.bsky.social (@evilmartians@mastodon.social):
https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
#migrating #react #webcomponents #libraries
https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
#migrating #react #webcomponents #libraries
От React к нативному вебу с nanotags: миграция, сэкономившая 100 Кб. Павел Гринченко рассказывает, как они заменили React и Ark UI на нативные веб-компоненты и обёртку nanotags размером 2,5 Кб, сократив JavaScript на 100 Кб. #webcomponents #react
evilmartians.com/chr...
evilmartians.com/chr...
May 8, 2026 at 10:00 AM
От React к нативному вебу с nanotags: миграция, сэкономившая 100 Кб. Павел Гринченко рассказывает, как они заменили React и Ark UI на нативные веб-компоненты и обёртку nanotags размером 2,5 Кб, сократив JavaScript на 100 Кб. #webcomponents #react
evilmartians.com/chr...
evilmartians.com/chr...
✍️
Should try astro. It's still not clear how to render web components on a server. Maybe nanotags can help with that.
Should try astro. It's still not clear how to render web components on a server. Maybe nanotags can help with that.
We migrated an Astro site from React and Ark UI to native Web Components.
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
June 24, 2026 at 7:38 AM
✍️
Should try astro. It's still not clear how to render web components on a server. Maybe nanotags can help with that.
Should try astro. It's still not clear how to render web components on a server. Maybe nanotags can help with that.
Nanotags looks so cool and I’m trying to see if I can use it to make my workplaces endless flask apps less annoying to work with.
We migrated an Astro site from React and Ark UI to native Web Components.
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write.
Here's how we did it:
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
July 8, 2026 at 9:58 PM
Nanotags looks so cool and I’m trying to see if I can use it to make my workplaces endless flask apps less annoying to work with.
evilmartians.com/chronicles/f...
<< ...I’ll share how I migrated a site from React to native Web Components, why that worked better than I expected, and how the patterns I used along the way grew into a small library called nanotags... >>
<< ...I’ll share how I migrated a site from React to native Web Components, why that worked better than I expected, and how the patterns I used along the way grew into a small library called nanotags... >>
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
June 15, 2026 at 2:45 PM
evilmartians.com/chronicles/f...
<< ...I’ll share how I migrated a site from React to native Web Components, why that worked better than I expected, and how the patterns I used along the way grew into a small library called nanotags... >>
<< ...I’ll share how I migrated a site from React to native Web Components, why that worked better than I expected, and how the patterns I used along the way grew into a small library called nanotags... >>
Ещё раз рекомендую прочитать статью моего коллеги, как он сделал свой небольшой сахар вокруг Web Components и Nano Stores — чтобы не тащить Реакт на статичный лэндинг ради пары интерактивных виджетов
evilmartians.com/chronicles/f...
evilmartians.com/chronicles/f...
From React to native web with nanotags: a migration that saved 100 KB—Martian Chronicles, Evil Martians’ team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
evilmartians.com
June 1, 2026 at 9:36 AM
Ещё раз рекомендую прочитать статью моего коллеги, как он сделал свой небольшой сахар вокруг Web Components и Nano Stores — чтобы не тащить Реакт на статичный лэндинг ради пары интерактивных виджетов
evilmartians.com/chronicles/f...
evilmartians.com/chronicles/f...
Tracking red knots with nanotags in Canada. https://www.theglobeandmail.com/canada/article-birds-packing-high-tech-gear-help-scientists-understand-the-migratory/
Birds packing high-tech gear help scientists understand t...
From Arctic breeding grounds to the farthest tip of South...
www.theglobeandmail.com
November 18, 2024 at 6:43 PM
Tracking red knots with nanotags in Canada. https://www.theglobeandmail.com/canada/article-birds-packing-high-tech-gear-help-scientists-understand-the-migratory/
Biomineralized Surface-Enhanced Raman Scattering Nanotags Encode Biomolecular Identity into Machine Learning-Resolvable Plasmonic Fingerprints https://www.biorxiv.org/content/10.64898/2026.05.23.726118v1
May 26, 2026 at 4:46 AM
Biomineralized Surface-Enhanced Raman Scattering Nanotags Encode Biomolecular Identity into Machine Learning-Resolvable Plasmonic Fingerprints https://www.biorxiv.org/content/10.64898/2026.05.23.726118v1