roerbakei.bsky.social
@roerbakei.bsky.social
Reposted by roerbakei.bsky.social
Got native iOS bottom tabs in RN to become opaque on scroll to edge, thanks to @kwasniew.ski
Achieved the native behavior where the header or bottom tab fades at the scroll edge. Header's code is inspired by @bacon.bsky.social's tweet.
Looks good, but needs a few workarounds.
See it here 👇
Achieved the native behavior where the header or bottom tab fades at the scroll edge. Header's code is inspired by @bacon.bsky.social's tweet.
Looks good, but needs a few workarounds.
See it here 👇
January 25, 2025 at 9:18 PM
Got native iOS bottom tabs in RN to become opaque on scroll to edge, thanks to @kwasniew.ski
Achieved the native behavior where the header or bottom tab fades at the scroll edge. Header's code is inspired by @bacon.bsky.social's tweet.
Looks good, but needs a few workarounds.
See it here 👇
Achieved the native behavior where the header or bottom tab fades at the scroll edge. Header's code is inspired by @bacon.bsky.social's tweet.
Looks good, but needs a few workarounds.
See it here 👇
Reposted by roerbakei.bsky.social
Any library can add a gradle task to call arbitrary code. But if you want the app target to run the task, then it has to be added to app/build.gradle which can be done with an expo config plugin. If this is the ip stuff you folks were talking about earlier, I think any target would do. +
January 22, 2025 at 1:57 PM
Any library can add a gradle task to call arbitrary code. But if you want the app target to run the task, then it has to be added to app/build.gradle which can be done with an expo config plugin. If this is the ip stuff you folks were talking about earlier, I think any target would do. +
Reposted by roerbakei.bsky.social
Legend List 1.0 beta is ready!
It started as a performance experiment, but it ended up solving a lot of the major issues with lists in React Native. 🎉
✨ Better perf than FlashList
✨ maintainContentVisiblePosition
✨ Bidirectional infinite lists
✨ Chat UI without inverting
It started as a performance experiment, but it ended up solving a lot of the major issues with lists in React Native. 🎉
✨ Better perf than FlashList
✨ maintainContentVisiblePosition
✨ Bidirectional infinite lists
✨ Chat UI without inverting
January 20, 2025 at 12:57 PM
Legend List 1.0 beta is ready!
It started as a performance experiment, but it ended up solving a lot of the major issues with lists in React Native. 🎉
✨ Better perf than FlashList
✨ maintainContentVisiblePosition
✨ Bidirectional infinite lists
✨ Chat UI without inverting
It started as a performance experiment, but it ended up solving a lot of the major issues with lists in React Native. 🎉
✨ Better perf than FlashList
✨ maintainContentVisiblePosition
✨ Bidirectional infinite lists
✨ Chat UI without inverting
Reposted by roerbakei.bsky.social
Yep, that was the plan on paper from the beginning. The bigger problem is the actual implementation.
bsky.app/profile/shir...
bsky.app/profile/shir...
In the end, I made a Gradle task that builds the web app, and then reconfigured the "preBuild" task to depend on it, and inside that I added a task.doLast block to copy the built web app into "$rootDir/app/src/main/assets/web".
December 13, 2024 at 3:56 PM
Yep, that was the plan on paper from the beginning. The bigger problem is the actual implementation.
bsky.app/profile/shir...
bsky.app/profile/shir...
Reposted by roerbakei.bsky.social
I keep importing the wrong thing in VS Code!
Pop an autoImportFileExcludePatterns in your settings file
Super helpful for Radix UI, Drizzle DB adapters, and node:test
Pop an autoImportFileExcludePatterns in your settings file
Super helpful for Radix UI, Drizzle DB adapters, and node:test
December 13, 2024 at 7:53 PM
I keep importing the wrong thing in VS Code!
Pop an autoImportFileExcludePatterns in your settings file
Super helpful for Radix UI, Drizzle DB adapters, and node:test
Pop an autoImportFileExcludePatterns in your settings file
Super helpful for Radix UI, Drizzle DB adapters, and node:test
Reposted by roerbakei.bsky.social
Legend List 0.4.3 adds a useViewabilityAmount hook to get updates with all sizing and viewability information, which makes it really easy to animate or adjust state in list items ✨
How else could I improve DX for your list usage?
How else could I improve DX for your list usage?
November 29, 2024 at 10:06 AM
Legend List 0.4.3 adds a useViewabilityAmount hook to get updates with all sizing and viewability information, which makes it really easy to animate or adjust state in list items ✨
How else could I improve DX for your list usage?
How else could I improve DX for your list usage?
Reposted by roerbakei.bsky.social
2 crazy weird and hard to debug problems in one week are too much. Property Text doesn't exist? Why does it only happen in release mode, after it was built with EAS, not when compiled locally? We used Text by Skia here.
import { Text as SkiaText } .. fixed the issue. I think its Metro or NativeWind
import { Text as SkiaText } .. fixed the issue. I think its Metro or NativeWind
November 28, 2024 at 5:40 PM
2 crazy weird and hard to debug problems in one week are too much. Property Text doesn't exist? Why does it only happen in release mode, after it was built with EAS, not when compiled locally? We used Text by Skia here.
import { Text as SkiaText } .. fixed the issue. I think its Metro or NativeWind
import { Text as SkiaText } .. fixed the issue. I think its Metro or NativeWind
Reposted by roerbakei.bsky.social
This is an interesting detail about the v1 Bluesky mobile app built single-handedly by @pfrazee.com - which was supposed to be a proof of concept only! But became *the* mobile app.
Also shows the power of cross-platform:
1 dev
1 codebase
3 platforms (iOS, Android, web)
Using Expo!
Also shows the power of cross-platform:
1 dev
1 codebase
3 platforms (iOS, Android, web)
Using Expo!
In my experience that’s a lot more common than people think …
November 28, 2024 at 7:53 AM
This is an interesting detail about the v1 Bluesky mobile app built single-handedly by @pfrazee.com - which was supposed to be a proof of concept only! But became *the* mobile app.
Also shows the power of cross-platform:
1 dev
1 codebase
3 platforms (iOS, Android, web)
Using Expo!
Also shows the power of cross-platform:
1 dev
1 codebase
3 platforms (iOS, Android, web)
Using Expo!
Reposted by roerbakei.bsky.social
looks like graze.social makes it extremely easy to emulate the following feed of any other user on the network — see through someone else's "eyes" instantly! super cool
November 28, 2024 at 5:16 PM
looks like graze.social makes it extremely easy to emulate the following feed of any other user on the network — see through someone else's "eyes" instantly! super cool
Reposted by roerbakei.bsky.social
Bluesky just hit 14M users! 🎉 🎉 🎉
November 8, 2024 at 2:51 AM
Bluesky just hit 14M users! 🎉 🎉 🎉
Reposted by roerbakei.bsky.social
After the long wait, React Navigation 7 is here 😍
📷 Highlights
- Static API
- Preloading screens
- Layout props
- useLogger devtools
- Searchbar for more navigators
- Sidebar and animations in Bottom Tabs
- Drawer Layout package
And more...
Blog post reactnavigation.org/blog/2024/11...
📷 Highlights
- Static API
- Preloading screens
- Layout props
- useLogger devtools
- Searchbar for more navigators
- Sidebar and animations in Bottom Tabs
- Drawer Layout package
And more...
Blog post reactnavigation.org/blog/2024/11...
React Navigation 7.0 | React Navigation
The documentation is now live at reactnavigation.org, and v6 lives here.
reactnavigation.org
November 6, 2024 at 5:21 PM
After the long wait, React Navigation 7 is here 😍
📷 Highlights
- Static API
- Preloading screens
- Layout props
- useLogger devtools
- Searchbar for more navigators
- Sidebar and animations in Bottom Tabs
- Drawer Layout package
And more...
Blog post reactnavigation.org/blog/2024/11...
📷 Highlights
- Static API
- Preloading screens
- Layout props
- useLogger devtools
- Searchbar for more navigators
- Sidebar and animations in Bottom Tabs
- Drawer Layout package
And more...
Blog post reactnavigation.org/blog/2024/11...
Reposted by roerbakei.bsky.social
I hear y'all dislike X, so please allow me to pile on:
X or x is a lazy close button.
Use × or × for a perfectly angled close button.
Make sure to add a label for accessibility:
11 years ago: wesbos.com/times-html-e...
X or x is a lazy close button.
Use × or × for a perfectly angled close button.
Make sure to add a label for accessibility:
11 years ago: wesbos.com/times-html-e...
use × HTML entity for close buttons rather than the letter X for a perfectly angled ×
I posted this simple tip to twitter and it was instantly popular with developers from all around the world. It's a small improvement that…
wesbos.com
November 6, 2024 at 9:08 PM
I hear y'all dislike X, so please allow me to pile on:
X or x is a lazy close button.
Use × or × for a perfectly angled close button.
Make sure to add a label for accessibility:
11 years ago: wesbos.com/times-html-e...
X or x is a lazy close button.
Use × or × for a perfectly angled close button.
Make sure to add a label for accessibility:
11 years ago: wesbos.com/times-html-e...
Reposted by roerbakei.bsky.social
Perfection
November 3, 2024 at 8:28 AM
Perfection
Reposted by roerbakei.bsky.social
oh it’s not actually going to be so slow :) i was just debugging. i don’t think it’s useful to make it interruptible with the real speed
November 3, 2024 at 1:30 PM
oh it’s not actually going to be so slow :) i was just debugging. i don’t think it’s useful to make it interruptible with the real speed
Reposted by roerbakei.bsky.social
Cool. Let me know if you need any more info/review.
Here's the screen/activity swap animation btw.
Here's the screen/activity swap animation btw.
November 1, 2024 at 2:46 AM
Cool. Let me know if you need any more info/review.
Here's the screen/activity swap animation btw.
Here's the screen/activity swap animation btw.
Reposted by roerbakei.bsky.social
so, about that “native feel”
October 31, 2024 at 10:23 PM
so, about that “native feel”
Reposted by roerbakei.bsky.social
oh and every single animation here is 100% reanimated layout animations 🐎
October 31, 2024 at 10:38 PM
oh and every single animation here is 100% reanimated layout animations 🐎
Reposted by roerbakei.bsky.social
I created a Bluesky Starter Pack! 🎉
It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time.
Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄
It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time.
Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄
October 29, 2024 at 1:28 PM
I created a Bluesky Starter Pack! 🎉
It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time.
Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄
It includes ~75 wonderful people in the web dev community who are doing inspiring work. I know I’ve missed some folks; I plan on adding to it over time.
Starter packs are such a great idea. Immediately makes Bluesky feel less lonely for newcomers. 😄
Reposted by roerbakei.bsky.social
I got a 300 points knowledge score on this year’s #StateOfReact survey! I have used 29 features, and knew 2 more, placing me in the top 1% of all respondents. Can you beat my score? survey.devographics.com/survey/state...
State of React 2024
Take the State of React survey
survey.devographics.com
October 29, 2024 at 11:36 PM
I got a 300 points knowledge score on this year’s #StateOfReact survey! I have used 29 features, and knew 2 more, placing me in the top 1% of all respondents. Can you beat my score? survey.devographics.com/survey/state...
Reposted by roerbakei.bsky.social
new blog post: React Native, and “the native feel”
React Native, and "the native feel" — mozzius.dev
by Samuel · 11 min read
mozzius.dev
October 25, 2024 at 2:27 PM
new blog post: React Native, and “the native feel”
Reposted by roerbakei.bsky.social
Bluesky is officially “open” now (no more invites). So just a reminder to not engage with trolls and bad actors, there is no algorithm here to promote or spread them, replying to them is what puts them on everybody’s timelines. So block and give no oxygen.
February 6, 2024 at 2:45 PM
Bluesky is officially “open” now (no more invites). So just a reminder to not engage with trolls and bad actors, there is no algorithm here to promote or spread them, replying to them is what puts them on everybody’s timelines. So block and give no oxygen.
Reposted by roerbakei.bsky.social
Now that you are on Bluesky with us,
please stay, Don't leave ❤️
please stay, Don't leave ❤️
October 20, 2024 at 3:09 PM
Now that you are on Bluesky with us,
please stay, Don't leave ❤️
please stay, Don't leave ❤️
Reposted by roerbakei.bsky.social
Reposted by roerbakei.bsky.social
Oh hell yeh, there’s loads of new folks here!
We made this starter pack over at @piccalil.li to help people looking for other folks who work on the web bsky.app/starter-pack...
We made this starter pack over at @piccalil.li to help people looking for other folks who work on the web bsky.app/starter-pack...
October 17, 2024 at 8:08 PM
Oh hell yeh, there’s loads of new folks here!
We made this starter pack over at @piccalil.li to help people looking for other folks who work on the web bsky.app/starter-pack...
We made this starter pack over at @piccalil.li to help people looking for other folks who work on the web bsky.app/starter-pack...
Reposted by roerbakei.bsky.social
The more I dig into Bluesky, and more importantly the AT Protocol, the more I get that feeling I had when I first got involved with the Kubernetes project.
You can run nearly every part yourself. You can host your own account (PDS server), run your own moderation tooling (labeler), your own feeds, your own clients, and if you insist your own appview (what the app talks to) and relay (shared CDN-like service)
October 20, 2024 at 7:01 PM
The more I dig into Bluesky, and more importantly the AT Protocol, the more I get that feeling I had when I first got involved with the Kubernetes project.