Alex
LightNews LightNews
banner
alexdln.com
Alex
@alexdln.com
380 followers 380 following 1.1K posts
Web Engineer, Author, Contributor, Photographer
Frontend/React/Next.js/UX/DX/Сapybara/Performance/Growth

🔨 Building slidebook.dev | atsky.app | robindoc.com | nimpl.dev
🏡 Living alexdln.medium.com | github.com/alexdln
Posts Replies Media Videos
alexdln.com
Morning
A narrow outdoor walkway with brick walls and steps covered in fallen autumn leaves, lined with overgrown green vines on the left and a large black planter of dried plants and pink flowers on the right, leading toward a brighter open area in the distance.
November 22, 2025 at 9:39 AM
alexdln.com
I’ve finally started working on an example to showcase the capabilities of `contection`

There’s still a lot to improve, but the current version already demonstrates many of the package’s advantages and its modules - `contection-viewport` and `contection-top-layer`
November 21, 2025 at 10:35 AM
alexdln.com
Morning
A tranquil riverside scene in autumn, with several moored boats along a calm waterway. In the foreground, a bicycle lies on its side atop a wooden dock or barge, surrounded by various tools and gear. Bare tree branches hang down overhead, and the background is softly blurred, showing colorful boats and golden foliage reflected in the water.
November 21, 2025 at 9:23 AM
alexdln.com
A heavy day. Sending love and light to all
A park scene in autumn with golden leaves on the ground and trees framing the image. In the foreground, a black bird perches on a wooden balance beam structure. In the background, a person sits on a swing next to two strollers, and a small child runs across the grass. A metal swing set and other wooden playground equipment are scattered around the area, with warm evening light illuminating the scene.
November 20, 2025 at 2:08 PM
alexdln.com
Limit - 200;
Usage - 60;
Problem - Doubling the number of entries;
Result - Limit exceeded.

It was a shame I didn't study enough higher mathematics - they told me it would be useful for programming!
November 19, 2025 at 9:50 AM
alexdln.com
Morning
A gray squirrel moves partially hidden among thick green and orange leaves, perched on a wooden fence rail covered by overgrown foliage. A gray squirrel runs along the top rail of a weathered wooden fence, with dense green and autumn-tinged foliage in the background.
November 19, 2025 at 8:58 AM
alexdln.com
I love that I'm focused on something and the service crashes, but when I publish the finished changes, everything starts working again in a minute.

I'm going to buy a lottery ticket!
November 18, 2025 at 10:32 PM
alexdln.com
I've spent the last week polishing Contection — adding full test coverage and stabilizing the core logic. Now that everything is solid, I can finally get back to exploring new ideas
alexdln.com Alex @alexdln.com · 14d
I've been looking for a way to fix React contexts and create a familiar, fast, and universal interface for state management for a long time. Finally, it's available as a standalone package!
November 18, 2025 at 2:40 PM
alexdln.com
Hooray, he came back to life 🎉
November 18, 2025 at 2:39 PM
alexdln.com
Since all the websites are down, I can only show off the header I came up with for Slidebook.

They say you should go out and communicate without the internet, but instead, you should go and play with SVG.
November 18, 2025 at 2:30 PM
alexdln.com
CloudFlare seems to be in a really bad state today... First, 500 errors, now a broken captcha 🫠
www.npmjs.com Please unblock challenges.cloudflare.com to proceed.
November 18, 2025 at 2:12 PM
alexdln.com
Morning
A peaceful canal scene with two narrowboats moored side by side - one red and blue, the other cream - with their reflections rippling in the water. Behind them is a wooden fence, scattered items like a bicycle and tools, and tall autumn trees with sparse leaves.
November 18, 2025 at 10:50 AM
alexdln.com
I finally took a walk. The videos were a disaster as always, but I managed to capture some adorable portraits of this gorgeous little being

* If you need portrait photos in London, call me on 4443434 😄*
Photo of a duck looking at the camera #1 Photo of a duck looking at the camera #2 Photo of a duck looking at the camera #3 Photo of a duck looking at the camera #4
November 17, 2025 at 11:40 PM
alexdln.com
I completely rewrote one of my ideas three times in these two days. The last time was after writing it up and completing the tests.

How was your weekend?
November 16, 2025 at 9:38 PM
alexdln.com
A week ago, I received a booking form with a default date entered by the form creator. I went to fill it out today, but that date is already in the past, and I can't unselect that date because it's in the past and disabled.

I've booked for 10:00 AM on November 11th. I hope they approve it
November 14, 2025 at 10:49 PM
alexdln.com
For some reason, I feel like something here could be written more simply...

Nevertheless, I've almost completed an update for viewport tracking, which will allow you to register any element for tracking as quickly as possible
node?.addEventListener("resize", onSizeChangeThrottled); onSizeChangeThrottled(); const unlisten = listen("node", (newNode) => { node?.removeEventListener("resize", onSizeChangeThrottled); node = newNode || null; node?.addEventListener("resize", onSizeChangeThrottled); onSizeChangeThrottled(); }); return () => { unlisten(); node?.removeEventListener("resize", onSizeChangeThrottled); };
November 14, 2025 at 3:48 PM
alexdln.com
Awareness is the best thing you can do.

Today you might repeat something harmful to “that author on bsky”, tomorrow - to a close friend, and later - to your child. Where you draw the line between hatred and love is up to you.

Ignorance can come at an unbearably high cost.
#TransgenderAwarenessWeek
November 14, 2025 at 3:00 PM
alexdln.com
Fall magic
A narrow garden path lined with dry, brown, end-of-season plants leads to a tree stump and fallen branches against an old stone wall. The scene looks overgrown and autumnal, with scattered leaves and a few green shrubs among mostly withered vegetation
November 14, 2025 at 2:21 PM
alexdln.com
While searching for ways to speed up React apps, I decided to read up on the history of React Forget (compiler). I understand that it and Contection share the same goal, but they approach it from different angles...
November 14, 2025 at 10:44 AM
alexdln.com
It's past midnight, and I've only just finished setting up the "enabled" setting.

Now "contection" and "contection-viewport" have setting for manually controlling when to activate the subscription and re-render. The option for SSR solutions is also available out of the box
const ComponentA = () => { const widthBreakpoint = useViewportWidthBreakpoint(ViewportStore, { enabled: "after-hydration" }); console.log("ComponentA, subscribing to width breakpoint", widthBreakpoint.current); return <div>ComponentA: {widthBreakpoint.current}</div>; }; const ComponentB = () => { const width = useViewportWidth(ViewportStore, { enabled: "after-hydration" }); console.log("ComponentB, subscribing to width", width); return <div>ComponentB: {width}</div>; };
November 14, 2025 at 12:16 AM
alexdln.com
Contection isn't just an optimized state manager. It's the foundation for optimizations across every interaction.

At the same time, I wanted to keep it simple, so I added modules - separate packages for specific tasks! And this is the first of them - contection-viewport
1. Create a Viewport Store import { createViewportStore } from "contection-viewport"; const ViewportStore = createViewportStore({ width: { device: { mobile: 0, tablet: 600, desktop: 1024, }, }, }); 2. Provide the Store function App() { return ( <ViewportStore> <YourComponents /> </ViewportStore> ); } 3. Use the Store import { useViewportWidthBreakpoint } from "contection-viewport"; function ResponsiveComponent() { // Component re-renders only when 'default' breakpoint changes const breakpoint = useViewportWidthBreakpoint(ViewportStore, "default"); return ( <div> {breakpoint.current === "mobile" && <MobileView />} {breakpoint.current === "tablet" && <TabletView />} {breakpoint.current === "desktop" && <DesktopView />} </div> ); } import { useViewportWidth, useViewportHeight } from "contection-viewport"; function Dimensions() { // Component re-renders when width changes const width = useViewportWidth(ViewportStore); // Component re-renders when height changes const height = useViewportHeight(ViewportStore); return ( <div> <p>Width: {width}px</p> <p>Height: {height}px</p> </div> ); }
November 13, 2025 at 2:01 PM
alexdln.com
Wow, that was a lot harder than I expected. But it was fun and a really good test of Contection's capabilities and weaknesses!
issue-32 implement viewport module #35 Open alexdln wants to merge 6 commits into main from issue-32 +2,880 −34 Conversation 0 Commits 6 Checks 1 Files changed 21
November 13, 2025 at 1:30 PM
alexdln.com
It's so nice to finally have a working idea after a day of work.

I'm testing Contection as a basis for other packages - that should be interesting!
PASS modules/viewport/__tests__/createViewportStore.test.tsx Test Suites: 3 passed, 3 total Tests: 36 passed, 36 total Snapshots: 0 total Time: 7.049 s Ran all test suites related to changed files.
November 12, 2025 at 8:28 PM
alexdln.com
There are already 760 lines in the README... I think it's time to think about a documentation website...
### `Consumer` Component that consumes the store using render props pattern. **Props:** - `children: (data) => React.ReactNode` - Render function - `options?: { keys?: string[], mutation?: Function }` - Optional subscription and mutation options: - `keys?: string[]` - Array of store keys to subscribe to. If omitted, subscribes to all keys. - `mutation?: (newStore, prevStore?, prevMutatedStore?) => T` - Function to compute derived value from subscribed state. Receives: - `newStore` - Current store state (or selected keys if `keys` is provided) - `prevStore` - Previous store state (or selected keys). `undefined` on first call - `prevMutatedStore` - Previous result of the mutation function. `undefined` on first call
November 12, 2025 at 10:39 AM
alexdln.com
In honor of the trailer for the new series, I can't not to share that I recently went into a Disney store for the first time. And when I saw this, I stood there and was as happy as a child 👶
A store display shelf featuring boxed toys of Buzz Lightyear and Woody from Toy Story. On the left are several Buzz Lightyear “Space Ranger” action figures in white and purple packaging, and on the right are Woody “Sheriff” dolls in blue and brown “Woody’s Roundup” boxes.
November 11, 2025 at 8:36 PM