Alex Machin
@alexmachin.bsky.social
Software Engineer (Front end) @ Razor
When I'm not coding:
- Working out at my local gym
- Playing the latest games on Xbox
- At a local Wetherspoons
- Working on some weird personal projects to perfect my craft.
When I'm not coding:
- Working out at my local gym
- Playing the latest games on Xbox
- At a local Wetherspoons
- Working on some weird personal projects to perfect my craft.
@xbox.com you best reverse the recent @gamepass.xbox.com price changes for the UK.
Take Ubisoft and that Fortnite back out and make them optional. Bring it back down to the current prices 😬😬
Who the fuck asked for these changes ? Absolutely fucking no one 🖕
Take Ubisoft and that Fortnite back out and make them optional. Bring it back down to the current prices 😬😬
Who the fuck asked for these changes ? Absolutely fucking no one 🖕
October 2, 2025 at 9:56 AM
@xbox.com you best reverse the recent @gamepass.xbox.com price changes for the UK.
Take Ubisoft and that Fortnite back out and make them optional. Bring it back down to the current prices 😬😬
Who the fuck asked for these changes ? Absolutely fucking no one 🖕
Take Ubisoft and that Fortnite back out and make them optional. Bring it back down to the current prices 😬😬
Who the fuck asked for these changes ? Absolutely fucking no one 🖕
Reposted by Alex Machin
In case you missed that the same @storybook.js.org great DX is coming to React Native..... 😍
Of course, if you can't render your RN components with RN Web, you'll miss what you get from Chromatic but... @dannyhw.com is cooking, look at this bsky.app/profile/nori...
Of course, if you can't render your RN components with RN Web, you'll miss what you get from Chromatic but... @dannyhw.com is cooking, look at this bsky.app/profile/nori...
🆕 Building beautiful components faster with Storybook 9 and Expo
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
Building beautiful components faster with Storybook 9 and Expo
Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.
expo.dev
September 26, 2025 at 4:15 AM
In case you missed that the same @storybook.js.org great DX is coming to React Native..... 😍
Of course, if you can't render your RN components with RN Web, you'll miss what you get from Chromatic but... @dannyhw.com is cooking, look at this bsky.app/profile/nori...
Of course, if you can't render your RN components with RN Web, you'll miss what you get from Chromatic but... @dannyhw.com is cooking, look at this bsky.app/profile/nori...
Reposted by Alex Machin
Really excited that I got the chance to write a post for the Expo blog. Thanks so much to expo for the opportunity.
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
🆕 Building beautiful components faster with Storybook 9 and Expo
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests
expo.dev/blog/storybo...
Building beautiful components faster with Storybook 9 and Expo
Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.
expo.dev
September 25, 2025 at 6:37 PM
Really excited that I got the chance to write a post for the Expo blog. Thanks so much to expo for the opportunity.
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
I'm starting to really like @shadcn.com for building component libraries.
You own the code yourself and you can extend it as much as you need. No weird or quick hacks to get something working correctly.
You own the code yourself and you can extend it as much as you need. No weird or quick hacks to get something working correctly.
a man with long hair and a beard is smiling and saying thank you .
ALT: a man with long hair and a beard is smiling and saying thank you .
media.tenor.com
August 20, 2025 at 12:23 PM
I'm starting to really like @shadcn.com for building component libraries.
You own the code yourself and you can extend it as much as you need. No weird or quick hacks to get something working correctly.
You own the code yourself and you can extend it as much as you need. No weird or quick hacks to get something working correctly.
So yeah I just tried out @tanstack.com ranger library....
I'll be honest I've not heard anything about this library in a long time, it seems it's in a stable release now which is cool 🔥
I managed to put together a single an dual slider component
Gist: gist.github.com/AlexMachin19...
I'll be honest I've not heard anything about this library in a long time, it seems it's in a stable release now which is cool 🔥
I managed to put together a single an dual slider component
Gist: gist.github.com/AlexMachin19...
A simple slider component which supports both single and dual sliders, it uses Tanstack ranger which is pretty cool
A simple slider component which supports both single and dual sliders, it uses Tanstack ranger which is pretty cool - tanstack-ranger.tsx
gist.github.com
August 16, 2025 at 10:41 PM
So yeah I just tried out @tanstack.com ranger library....
I'll be honest I've not heard anything about this library in a long time, it seems it's in a stable release now which is cool 🔥
I managed to put together a single an dual slider component
Gist: gist.github.com/AlexMachin19...
I'll be honest I've not heard anything about this library in a long time, it seems it's in a stable release now which is cool 🔥
I managed to put together a single an dual slider component
Gist: gist.github.com/AlexMachin19...
Just setting up my first monorepo with turbo, everything looks good so far.
I have a question about using @storybook.js.org in a monorepo. What's the way to share storybook configuration and dependencies if you have multiple storybook instances ?
I have a question about using @storybook.js.org in a monorepo. What's the way to share storybook configuration and dependencies if you have multiple storybook instances ?
August 2, 2025 at 5:11 PM
Just setting up my first monorepo with turbo, everything looks good so far.
I have a question about using @storybook.js.org in a monorepo. What's the way to share storybook configuration and dependencies if you have multiple storybook instances ?
I have a question about using @storybook.js.org in a monorepo. What's the way to share storybook configuration and dependencies if you have multiple storybook instances ?
Reposted by Alex Machin
Been using Cursor for an Expo/React Native app, and it’s awesome at the start, but the more you get into the nitty gritty design the more you need to either a.) manually do or b.) be super super super specific with prompts, in my experience.. otherwise…
a cartoon of peter griffin pointing at a window with the word css written above him
ALT: a cartoon of peter griffin pointing at a window with the word css written above him
media.tenor.com
May 15, 2025 at 8:08 PM
Been using Cursor for an Expo/React Native app, and it’s awesome at the start, but the more you get into the nitty gritty design the more you need to either a.) manually do or b.) be super super super specific with prompts, in my experience.. otherwise…
Reposted by Alex Machin
Here’s how I handle keyboard avoidance in React Native 👇
The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem
👨💻 source code: github.com/betomoedano/...
The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem
👨💻 source code: github.com/betomoedano/...
How I handle keyboard avoidance in React Native
YouTube video by Code with Beto
youtu.be
May 15, 2025 at 10:06 PM
Here’s how I handle keyboard avoidance in React Native 👇
The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem
👨💻 source code: github.com/betomoedano/...
The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem
👨💻 source code: github.com/betomoedano/...
Reposted by Alex Machin
i just realised why our videos suck. whoopsie!
Share bandwidth estimate between video instances by mozzius · Pull Request #8377 · bluesky-social/social-app
Alternative title: fix video quality once and for all 😎
Based on the fix mentioned in video-dev/hls.js#5949
Currently, every single video starts at garbage quality, and will only switch to 720p aft...
github.com
May 16, 2025 at 9:31 PM
i just realised why our videos suck. whoopsie!
Reposted by Alex Machin
omg happy birthday to our eternal 90 year young skeleton, there's so much love for him in his kumamoto spot 💀❤️
April 3, 2025 at 12:38 PM
omg happy birthday to our eternal 90 year young skeleton, there's so much love for him in his kumamoto spot 💀❤️
When it comes to @storybook.js.org and @vuejs.org how can I use the provide/inject pattern ?
I'm injecting my values within the setup but it's not picking them up.
I must be doing something silly 😅
I'm injecting my values within the setup but it's not picking them up.
I must be doing something silly 😅
February 23, 2025 at 11:31 PM
When it comes to @storybook.js.org and @vuejs.org how can I use the provide/inject pattern ?
I'm injecting my values within the setup but it's not picking them up.
I must be doing something silly 😅
I'm injecting my values within the setup but it's not picking them up.
I must be doing something silly 😅
Has anyone had any issues with @yarnpkg.dev v4.6 recently ?
I've just booted up my project for the first time in months, when I run a linting command with yarn I get the following error: "The command line is too long."
This seems specific to yarn as @npmjs.bsky.social runs the command just fine.
I've just booted up my project for the first time in months, when I run a linting command with yarn I get the following error: "The command line is too long."
This seems specific to yarn as @npmjs.bsky.social runs the command just fine.
February 22, 2025 at 10:53 PM
Has anyone had any issues with @yarnpkg.dev v4.6 recently ?
I've just booted up my project for the first time in months, when I run a linting command with yarn I get the following error: "The command line is too long."
This seems specific to yarn as @npmjs.bsky.social runs the command just fine.
I've just booted up my project for the first time in months, when I run a linting command with yarn I get the following error: "The command line is too long."
This seems specific to yarn as @npmjs.bsky.social runs the command just fine.
Reposted by Alex Machin
It's finally happened!
Very thankful to see this huge step forward for the ecosystem!
(and yes, I will take a fair amount of credit for pushing to make this happen and providing feedback on fixing CRA for React 19 and the docs updates)
Very thankful to see this huge step forward for the ecosystem!
(and yes, I will take a fair amount of credit for pushing to make this happen and providing feedback on fixing CRA for React 19 and the docs updates)
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...
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...
Sunsetting Create React App – React
The library for web and native user interfaces
react.dev
February 14, 2025 at 6:52 PM
It's finally happened!
Very thankful to see this huge step forward for the ecosystem!
(and yes, I will take a fair amount of credit for pushing to make this happen and providing feedback on fixing CRA for React 19 and the docs updates)
Very thankful to see this huge step forward for the ecosystem!
(and yes, I will take a fair amount of credit for pushing to make this happen and providing feedback on fixing CRA for React 19 and the docs updates)
@tannerlinsley.com by any chance does @tanstack.com virtual support virtualization for grids ?
I'm creating a file list which supports multiple columns and doesn't have a fixed height 👀
If anyone from the @tanstack.com virtual community has seen this let me know 🤘
I'm creating a file list which supports multiple columns and doesn't have a fixed height 👀
If anyone from the @tanstack.com virtual community has seen this let me know 🤘
February 8, 2025 at 1:40 PM
@tannerlinsley.com by any chance does @tanstack.com virtual support virtualization for grids ?
I'm creating a file list which supports multiple columns and doesn't have a fixed height 👀
If anyone from the @tanstack.com virtual community has seen this let me know 🤘
I'm creating a file list which supports multiple columns and doesn't have a fixed height 👀
If anyone from the @tanstack.com virtual community has seen this let me know 🤘
@t3.gg has just released an amazing video about typescript and schema validation 🔥
This is unreal ♥️ This is definitely something to keep an eye on over the next year or two 👀
YouTube: youtu.be/V1vMaNVwTaI?...
This is unreal ♥️ This is definitely something to keep an eye on over the next year or two 👀
YouTube: youtu.be/V1vMaNVwTaI?...
Zod finally has competition (...created by Zod?)
YouTube video by Theo - t3․gg
youtu.be
February 5, 2025 at 9:33 PM
@t3.gg has just released an amazing video about typescript and schema validation 🔥
This is unreal ♥️ This is definitely something to keep an eye on over the next year or two 👀
YouTube: youtu.be/V1vMaNVwTaI?...
This is unreal ♥️ This is definitely something to keep an eye on over the next year or two 👀
YouTube: youtu.be/V1vMaNVwTaI?...
Reposted by Alex Machin
We DID IT!
React Native + Expo + Live Activity + Custom module to control the live activity!
React Native + Expo + Live Activity + Custom module to control the live activity!
February 2, 2025 at 11:59 PM
We DID IT!
React Native + Expo + Live Activity + Custom module to control the live activity!
React Native + Expo + Live Activity + Custom module to control the live activity!
Reposted by Alex Machin
📢 React Native Course 2.0 Update!
🌟 This Week’s Highlight: Over-the-Air Updates with EAS Update ☁️
🚀 Now available at codewithbeto.dev/learn
🧵 1/3
🌟 This Week’s Highlight: Over-the-Air Updates with EAS Update ☁️
🚀 Now available at codewithbeto.dev/learn
🧵 1/3
February 1, 2025 at 9:45 PM
📢 React Native Course 2.0 Update!
🌟 This Week’s Highlight: Over-the-Air Updates with EAS Update ☁️
🚀 Now available at codewithbeto.dev/learn
🧵 1/3
🌟 This Week’s Highlight: Over-the-Air Updates with EAS Update ☁️
🚀 Now available at codewithbeto.dev/learn
🧵 1/3
Does @tanstack.com virtual have an example of a css grid/flex layout or window based virtualization ?
I've got a grid of items where the numbers of columns vary. I want to lazy load individual rows but the sections don't have a fixed height 😅
I've got a grid of items where the numbers of columns vary. I want to lazy load individual rows but the sections don't have a fixed height 😅
January 22, 2025 at 8:41 AM
Does @tanstack.com virtual have an example of a css grid/flex layout or window based virtualization ?
I've got a grid of items where the numbers of columns vary. I want to lazy load individual rows but the sections don't have a fixed height 😅
I've got a grid of items where the numbers of columns vary. I want to lazy load individual rows but the sections don't have a fixed height 😅
Reposted by Alex Machin
🤯 Did you know that you can instantly add home screen widgets to your React app with @bacon.bsky.social's new `npx create-target` command!?
Join the livestream on January 28th to watch Evan 🥓 show you how to build widgets with Expo.
youtube.com/live/hgmAMrV...
Join the livestream on January 28th to watch Evan 🥓 show you how to build widgets with Expo.
youtube.com/live/hgmAMrV...
January 16, 2025 at 9:55 PM
🤯 Did you know that you can instantly add home screen widgets to your React app with @bacon.bsky.social's new `npx create-target` command!?
Join the livestream on January 28th to watch Evan 🥓 show you how to build widgets with Expo.
youtube.com/live/hgmAMrV...
Join the livestream on January 28th to watch Evan 🥓 show you how to build widgets with Expo.
youtube.com/live/hgmAMrV...
Reposted by Alex Machin
5 years of @reactnative.bsky.social at Shopify
shopify.engineering/five-years-o...
The journey has transformed their productivity in ways we never imagined.
shopify.engineering/five-years-o...
The journey has transformed their productivity in ways we never imagined.
Five years of React Native at Shopify (2025) - Shopify
Five years ago, we announced that React Native (RN) is the future of mobile at Shopify. Today, we are excited to share the progress we've made, lessons learned, and what the future holds.
To recap, we...
shopify.engineering
January 15, 2025 at 8:15 AM
5 years of @reactnative.bsky.social at Shopify
shopify.engineering/five-years-o...
The journey has transformed their productivity in ways we never imagined.
shopify.engineering/five-years-o...
The journey has transformed their productivity in ways we never imagined.
My new passport has been approved and is being printed.
One step to sorting out a trip to #Japan just got to sort out everything else now 😂
One step to sorting out a trip to #Japan just got to sort out everything else now 😂
January 3, 2025 at 1:56 PM
My new passport has been approved and is being printed.
One step to sorting out a trip to #Japan just got to sort out everything else now 😂
One step to sorting out a trip to #Japan just got to sort out everything else now 😂
@atviassist.bsky.social sort your servers out 🤦♂️🤦♂️
Whilst playing zombies it constantly either freezes up or disconnects you.
It happened 5 or 10 times whilst doing a Citadel Easter Egg run online or in solo
Whilst playing zombies it constantly either freezes up or disconnects you.
It happened 5 or 10 times whilst doing a Citadel Easter Egg run online or in solo
December 31, 2024 at 5:15 PM
@atviassist.bsky.social sort your servers out 🤦♂️🤦♂️
Whilst playing zombies it constantly either freezes up or disconnects you.
It happened 5 or 10 times whilst doing a Citadel Easter Egg run online or in solo
Whilst playing zombies it constantly either freezes up or disconnects you.
It happened 5 or 10 times whilst doing a Citadel Easter Egg run online or in solo
Reposted by Alex Machin
Having fun building things 😍
December 27, 2024 at 1:45 AM
Having fun building things 😍
Reposted by Alex Machin
I decided to look up Mapbox for React Native... You know what, it's really gotten past the point where React Native SDKs shouldn't be community maintained, they should be provided by the companies themselves.
December 29, 2024 at 8:41 PM
I decided to look up Mapbox for React Native... You know what, it's really gotten past the point where React Native SDKs shouldn't be community maintained, they should be provided by the companies themselves.