Max

@maxwellcohen

Everything will be great! Husband, father of 2, professional software engineer during the work week, and trying to be a developer by night. I will check your site's robots.txt and mobile experience. Modern Web, Vue, and React Compiler Fan!

1692 Siguiendo368 Seguidores762 Publicaciones

YouTube Bluesky

¿Es tu perfil?Reclámalo y maxwellcohen.dirty.social es tuyo.Reclamar perfil

Max@maxwellcohen· 24d

I think it is very appropriate and kind of funny that @nextjs.org is verified by @bsky.app and not @npmx.dev

Image showing Next.js is verified just by blue sky

Max@maxwellcohen· 25d

I am getting infographics like this on LinkedIn. I find it very interesting because most of the technology today is over 10 years old or is a much better replacement for older technology.

An infographic showing we development 8 years ago vs today implying that today is much more complicated

Max@maxwellcohen· 27d

There is a non-zero chance that the new React DevTools MCP package will be ESM only! I am very glad to see core react package being esm only

Max@maxwellcohen· 27d

I reran my hello world experiment on the latest Next Canary (16.3.0-canary.86), and I am seeing significant size reductions and number of modules! -16.3.0-canary.86 now has a bundle size of 217.08 KB compressed! A savings of about 24 KB compressed! Great work @nextjs.org team!

Bundle analyzer for a
simple “hello world” page using
Next 16.3.0-canary.86
showing a bundle size of 217.08 KB compressed (estimated),
595.36 KB uncompressed,157 modules

Max@maxwellcohen· 28d

Amazing size reduction

Npmx screenshot showing Package size and dependency count decreased since v3.0.4!
Install size reduced by 77% (939.2 kB smaller) · −11 fewer dependency

Max@maxwellcohen· 29d

Very cool. Can you have an Eve agent fix the overscroll on mobile?

Screenshot of GitHub-toola.com on mobile Android with weird scroll x behavior

Max@maxwellcohen· Jul 7

Here you go! I hope this helps

Max@maxwellcohen· Jul 7

Then how did I get the mu app? (PWAs are amazing)

Screenshot of Android app screen with a mu app

Max@maxwellcohen· Jul 2

This React code works without JS 🤯🤯🤯 Server actions are magical forms!

screen shot from

https://react.dev/reference/react-dom/components/form

In lieu of using hidden form fields to provide data to the <form>’s action, you can call the bind method to supply it with extra arguments. This will bind a new argument (productId) to the function in addition to the formData that is passed as an argument to the function.

import { updateCart } from './lib.js';

function AddToCart({productId}) {
async function addToCart(productId, formData) {
"use server";
await updateCart(productId)
}
const addProductToCart = addToCart.bind(null, productId);
return (
<form action={addProductToCart}>
<button type="submit">Add to Cart</button>
</form>
);
}

Max@maxwellcohen· Jun 29

It is happening! Git is finally getting Linux support after 20 years!

Max@maxwellcohen· Jun 26

Turbopack is an amazing bundler with great tree-shaking capabilities, but I wish it would run on Next.js client code. - Next 16.2.9, the bundle size of 241.69 KB compressed - Next 16.3.0-preview.5, the bundle size of 274.87 KB compressed a 33.18 KB increase in JS for the same app :(

Bundle analyzer for a
simple “hello world” page using
Next 16.2.9
showing a bundle size of 241.69 KB compressed (estimated), 658.60 KB uncompressed, and 189 modules

Bundle analyzer for a
simple “hello world” page using
Next 16.3.0-preview.5
showing a bundle size of 274.87 KB compressed (estimated), 809.14 KB uncompressed, and 193 modules

Max@maxwellcohen· Jun 25

Every time I see a useEffect in a PR/MR

a github comment from eps1lon saying "this is somewhat of a red-flag to me.

Max@maxwellcohen· Jun 25

Just created a PR to try to fix this issue github.com/reactjs/reac...

Updated pitfall text

Don’t skip calling use based on whether a Promise is already settled. Unlike other hooks, use can be called inside conditions and loops — but it must always be called for the Promise itself. Never read promise.status or promise.value directly to bypass use; always pass the Promise to use and let React handle it. Bypassing use this way can corrupt React’s internal state tracking, causing stale renders, missed updates, or incorrect Suspense behavior. This also ensures React DevTools can show that the component may suspend on data.

// 🔴 Don't bypass `use` by reading promise status directly
if (promise.status === 'fulfilled') {
return promise.value;
}
const value = use(promise);
// ✅ Always pass the promise to `use` and let React track promise readiness
const value = use(promise);

Max@maxwellcohen· Jun 24

On the run from the React police for breaking the rules of React

meme of text "u are under arrest for breaking React's rules" and picture a cat in a police car

Max@maxwellcohen· Jun 23

@solidjs.com's 404 page for docs does not allow you to make feature requests. So no useState in SolidJS.

Screenshot of SolidJS docs 404 page for the URL https://docs.solidjs.com/reference/basic-reactivity/use-state with no language about making requests

Max@maxwellcohen· Jun 23

@react.dev's 404 page looks like a way to request features in React. For example, if you want Signals in React (react.dev/reference/react/useSignal), just make an issue that the useSignal page does not exist. This is a joke. Please do not do this.

Screenshot for the 404 page for https://react.dev/reference/react/useSignal. With the message "If this is a mistake, let us know, and we will try to fix it!"

Max@maxwellcohen· Jun 22

What is your secret? The bulk of the JS is from Next, not third-party packages or your code. Also, almost-perfect Page Speed Insights performance scores! pagespeed.web.dev/analysis/htt...

screenshot from experimental-analyze showing that over half the JS code is from next js

Max@maxwellcohen· Jun 21

I love @mu.social companion cats, but I don't like it when my cat goes over the post button, so I cannot post. On mobile, companion cats need a virtual fence

Companion cat tail over the post button, so I can't use it

Max@maxwellcohen· Jun 19

Firefox's dev tools accessibility tools are much better than Chrome's

Firefox dev tools accessibility tab with contrast warning and much more data than chome

Chrome's accessibility tab is very lacking, only showing the minimum calculated data

Max@maxwellcohen· Jun 19

Trying to be a good citizen of the friendly Bluesky apexdevelopment.github.io/bluesky-lice...

Max@maxwellcohen· Jun 18

How can we get Google to recognize npmx as a word?

Screenshot of Google search for npmx nuxt with a "Did you mean: npm nuxt"

Max@maxwellcohen· Jun 17

I have bad news CHURROS was rejected on 8/26/2021 :( unicode.org/emoji/emoji-...

Screenshot of churros being declined as an emjoi

Max@maxwellcohen· Jun 17

Finally found a fun wifi in the wild!

screenshot of the wifi named "bill wi the science fi"

Max@maxwellcohen· Jun 17

pagespeed.web.dev now has an agentic browsing category as part of CWV tests. The Audits are - Accessibility tree is well-formed - Cumulative Layout Shift - WebMCP form coverage - WebMCP tools registered - WebMCP schemas are valid - llms.txt follows recommendations With more to come!

Screenshot of the Agentic browsing section for a webpage test on Page Speed Insights

Max@maxwellcohen· Jun 14

Apparently, being a leader of a UI library has its perks: As executive director of the React Foundation, one does not need to follow React's rules of hooks and call useEffect conditionally. As CEO of HTMX, one does not need to follow HTML's rules of forms and make HTTP requests everywhere.

Screenshot of a violation of the rules of hooks, calling an useEffect conditionally by the current Executive Director of the React Foundation

source https://github.com/react-foundation-dev/react.foundation/blame/74d15744ad1878022e582bd8cefd3510714df4c5/src/features/support-chat/SupportChat.tsx#L231

Max@maxwellcohen· Jun 12

Can someone on the React team enter strict mode, ban this bot, and close this PR? I feel sorry for the random dude who has the Dan GitHub handle and has been spammed for the last few days. github.com/react/react/...

https://github.com/react/react/pull/36757#issuecomment-4691156018

Comment from GitHub from a bot targeting the wrong Dan

Max@maxwellcohen· Jun 11

I do not know if Nuxi is broken or is providing complete reasons not to use Nuxt

Screenshot of Nuxi, the Nuxt AI assistant answering the question "Is there a reason not to use Nuxt?" as an empty response

Max@maxwellcohen· Jun 10

I find the React Foundation's 100% transparent promise interesting wording because, as a web developer, 100% transparent means the content is not visible. Yes, I know it means providing transparency about what is going on.

Screen shot from react foundation website listing out promises of the foundation including 100% transparent

Max@maxwellcohen· Jun 9

🚨🚨🚨 React Compiler Rust Port is merged!!! Thank you to Mofei, Mike, @ricky.fm, @en-js.bsky.social, and @no.lol for their work on the port! github.com/react/react/...

screenshot showing react compiler port to rust is merged

Max@maxwellcohen· Jun 9

The React compiler Rust port is going to ship soon! Mike Vitousek and Mofei Zhang approved the pr! Thank you to Mofei, Mike, @ricky.fm, @en-js.bsky.social and @no.lol for their work on the port