Teruhisa

Today I learned that this works in Next.js, maybe?

I'm enjoying playing Activity x Jotai now in React 👻
Can you confirm what is happening here?
codesandbox.io/p/sandbox/52...
The refresh logic can be implemented as an interval instead.

Looking forward to reading it. New features are popping up.

react.dev/blog/2025/04...

⚛️📝 New on Overreacted: React for Two Computers

Introduction - Model Context Protocol Get started with the Model Context Protocol (MCP)

ようやく真面目にMCPについて読み始めました
modelcontextprotocol.io/introduction

GitHub - rbuckton/proposal-enum: Proposal for ECMAScript enums Proposal for ECMAScript enums. Contribute to rbuckton/proposal-enum development by creating an account on GitHub.

ECMAScript excitement 😉

TypeScript's @chronicles.org is pitching enum in JS 🎉

It's the good parts of TS enum + enhancements:

🔶 More datatypes: Symbols etc
🔶 Iterable
🔶 Immutable
🔶 Null prototype
🔶 No declaration merging
🔶 Compatible with Node type-stripping 👍

github.com/rbuckton/pro...

TIL
配列の要素が全てユニークであることをチェックできる型 🧩
7行目の発想が無理ですわ。
www.typescriptlang.org/play/#code/C...

In RSCs, we should be careful when passing multiple promises to client components.
In <PatternA />, all components are displayed after 10 seconds under a single <Suspense />.
In <PatternB />, <User /> appears first after 5 seconds, then <NewsB /> is shown.

TIL we can't live without Prettier

ドーナッツが"use client"を制する鍵？

zenn.dev/tell_y/artic...

Premise: App Router in Next.js.

This page has tabs and buttons. Because of that, these elements need to be client components, so 'use client' is required.
How would you design your component tree? If you follow the “donut” mindset, the answer should become clear on its own.

Sunsetting Create React App – React The library for web and native user interfaces

Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework.

We’re also providing docs for when a framework isn’t a good fit for your project, or you prefer to start by building a framework.

react.dev/blog/2025/02...

Interesting.
How will it be changed in 2025?
2024.stateofreact.com

@danabra.mov 先生、お疲れ様でした。
ゆっくりと休んで、また日本に遊びに来てくださいね 🌸

pnpm とセキュアな依存管理 pnpm v10 で登場した機能とその背景

ブログを更新しました

blog.re-taro.dev/p/01JJPCQXJE...

Add deprecation to website by rickhanlonii · Pull Request #17008 · facebook/create-react-app Adds a banner with deprecation notice Adds a noindex meta tag to home page to remove from search Add og meta info for when noindex is ignored TODO: post a discussion with a deprecation notice, and...

I didn't know that the Create React App website was still alive until today 😅
github.com/facebook/cre...
create-react-app.dev

Yay, it's fine in my case~
redux.js.org/faq/organizi...

Shiki A beautiful yet powerful syntax highlighter

Shiki v2.0.0 is here, and it's boring!

v2 has no hard breaking-changes but will emit deprecation warnings by default. Upgrade and migrate following the warnings; v3 is coming soon!

shiki.style/blog/v2

With RSC you usually don't need to inspect the server because the console logs are also available in the client console. However, for advanced use cases it can still be useful to dig into using Chrome Inspector. I much prefer that over using the Terminal.

NODE_OPTIONS='--inspect' pnpm next dev

Node.js Type Stripping Explained Discover everything about Node.js TypeScript integration, the technical details, benefits, and reasoning behind this highly anticipated feature.

I wrote this article to explain the technical details behind Node.js Type Stripping 👇
satanacchio.hashnode.dev/everything-y...

"strict SPA"

I didn’t have a time to eat something are popular food at New Year, お正月 yet because of flu😷
For me, お雑煮、数の子、刺身、馬刺し、蟹鍋
🍣🍶

Curious:
Radix UI vs. Base UI

State of JavaScript 2024 The 2024 edition of the annual survey about the latest trends in the JavaScript ecosystem.

The State of JS 2024 survey results are now live! 2024.stateofjs.com/en-US

A couple highlights 🧵

Waku, the minimal React framework A lightweight alternative React framework with a fun developer experience. Loved by React developers at startups and agencies.

⛩️ Waku v0.21.9 has been released! This version adds progressive enhancement support and many bug fixes. Don't miss updating it.

Waku is a React framework with RSC capabilities. Learn more at waku.gg.

TIL(part 2): <const T extends ...>

const !?🤯

Did you know about `const Type Parameters`?
www.typescriptlang.org/docs/handboo...

tsplay.dev/WkZx9m

ボタンローディング表示のサイズ制御に関するTips

せっかくなので記事に。
zenn.dev/tell_y/artic...

TIL: a lot
play.tailwindcss.com/CyOQ1MFT0f?l...

Late to join this.

Thank you, adventofts.com

Discordサーバー100人突破 🙌
discord.gg/5B9jYpABUy