jr

jr

@jhn.lol

floating / http://bananatimer.com / http://splowser.com / he / him

51 followers256 following89 posts

this is sad. there is good software and genuine developers out there building alternatives to software we all use but rather self host and tweak for our own use. and then we judge those who make them. i would much rather live in a world where those alternatives exist, chatto included.

Hendrik Mans@hmans.dev

And here I am with my easily self-hostable Discord/Slack clone delaying its Open Source release because right now you literally get attacked by people for having a CLAUDE dot md file in the project.

scripting support has finally arrived to react native. also the api has improved a lot compared to legacy version in every aspect.

Rive@rive.app

React Native runtime v0.1.5 is out! ✅ Data Binding Lists, Images, Artboards, and all properties 📖 Scripting support 🪆 Nested ViewModel access (viewModel, replaceViewModel) 🛠 useRiveProperty now reads the initial value correctly Migration: rive.app/docs/runtime... New users: rive.app/docs/runtime...

setup couldn't get any simpler than this. amazing.

Software Mansion @swmansion.com

We know the pain of slow native builds… so we created something really awesome to fix them. 😎 Introducing RN Repo: a free, open-source plugin that makes shipping React Native apps faster thanks to prebuilt artifacts. ⚡️🚀 Try it out now in beta: rnrepo.org

@expo.dev config plugins are nice for simple things but working with custom targets is painful. lots of custom code to replicate what’s one click in in xcode ui. @bacon.bsky.social’s rewrite of xcode npm module looks nice and i wish it’d come with expo. ts support, better output and many bug fixes.

jr reposted

Replying to @jakecarpenter.dev

what comes to accessibility labels and having a good screen reader support i can say that just learning to use it is the best tool you can teach yourself. ios has a good 15 minute voiceover tutorial built in to learn gestures and all that stuff. if you're stuck just use siri to turn it off.

yes! no more interpolateColor to animate background color or other color properties. makes everything so much cleaner too. f.e. pairs well with unistyles.

Mathieu@zoontek.me

Trying react-native-reanimated v4 for the first time. The CSS-like API is a complete game changer. Kudos @swmansion.com

when it sit down in front of computer i adjust my seat for better ergonomics. when i open a project i adjust my editor for better experience.

@leaflet.pub a minor bug report: scroll to top gesture on ios doesn’t work on your site. the gesture is this little tap on the top edge of the device and it’s built in to the os.

i like this sort of domain based file structure a lot. what i dont like is the amount of folders. what i've found is that folders tend to hide files. so i avoid them. also when i abandoned DRY almost completely, my code became so much more maintainable and much of friction just vanished.

Martin Piliar@piliar.me

Stopped organizing React Native by technical layers (components/, services/, utils/) and started organizing by features (auth/, profile/, posts/) Everything related to one feature lives in one folder. Game changer for maintainability 🔥 Full guide in thread 👇

fzf is awesome! it makes my little scripts so much more usable and portable. first time i made something with fzf is this little git worktree helper i’ve been using daily for close to two years. github.com/jozan/gw-hel...

github.comGitHub - jozan/gw-helper: use git worktree with easeuse git worktree with ease. Contribute to jozan/gw-helper development by creating an account on GitHub.
Julia Evans@b0rk.jvns.ca

I've still never gotten into `fzf` (and maybe I never will!) but I think it's really cool that you can use a fzf 1-liner to make things like this little UI for reviewing git commits jvns.ca/til/fzf-prev...

that’s right. they output css. it’s called react server css after all.

Ricky@ricky.fm

PSA: RSCs don’t output HTML.

it's not as painful as it was just a few years ago. we developers could do more, and probably should, but we also like to ship to three platforms from one codebase. 😅 to slim js bundle size i've been using expo atlas. github.com/expo/atlas/

github.comGitHub - expo/atlas: Visualize React Native bundles to understand and optimize your app.Visualize React Native bundles to understand and optimize your app. - expo/atlas
Corey Johnson@coreyjohnson.bsky.social

React native is like someone asked What if we took npm dependency hell And combined it with dependency conflicts from #mobiledev

this shouldn’t happen suddenly and you can prevent it. stop using mac app store and download xcode manually from developer.apple.com. you can have multiple xcode installs at the same time which is handy. all this is described on gh by @brandtnewlabs.com take control of you dev env.

Lennart Brandt@brandtnewlabs.com

If your React Native / @expo.dev builds suddenly started failing today, you’re probably on Xcode 16.3. It’s a known issue — downgrading to Xcode 16.2 is the current workaround. Details + steps here: github.com/facebook/rea...

this is nothing new but surprises a lot of people who are new to native development. android studio is more stable in this regard but it prompts users to upgrade gradle etc which is also bad. maybe react native community cli and expo could detect this and guide users to fix their xcode installs.

i’ve decided that this ui is unusable. so i made couple shortcuts and now i have alarms off/on widgets that i can press. turning alarms on is automated in shortcuts app. if i need another alarm i use siri to completely avoid the ui. created them on mac and finished setup on phone.

Taz Singh@tazs.ing

Whenever I look at this UI, I always think “ugh surely this can be better” but then I go do something else and forget until next time What are examples of a better UX for this though? 🤔

i used siri to control my alarms before i started using shortcuts and automating them. i’m using alarms throughout the day for many things and shortcuts allow me to separate morning alarms from the rest. i can tell siri to “turn off all alarms” and i still wake up tomorrow on time.

i didn't believe wes so i used tanstack query for years instead. turns out he was right after all.

Dominik 🔮@tkdodo.eu

If @wesbos.com says it, you better believe it: @tanstack.com Query is the best API in the world ❤️ 🌍 Link to episode: youtu.be/khUwj39q5PU?...

i think this graph is not correct. we recently migrated from bare react native to expo and it was much smaller initial investment than the graph here conveys. 😸 depends on project ofc but just getting CNG to work is not a lot of work. surprisingly to me it felt more like a normal RN upgrade.

Oliver Kwast@baumstumpf.bsky.social

To understand why this is so important, I created a simple graph, as many people don’t realize how much time can be saved. Feel free to show that to your manager! From our experience, 80–90% of the effort in an upgrade is updating native files. With Expo, you don’t have to think about them at all.

i guess instead preparing a meeting with your boss and getting them on board with expo and CNG spend a few hours by trying to go as far as you can go. the more you have react native upgrade experience the smoother the upgrade.

in the past i’ve defeated cocoapods by committing whole Pods dir into repo. local and ci pod installs got really fast. also my colleagues never liked it. 乁( ◔ ౪◔)ㄏ

Samuel@samuel.fm

love how if your internet is not the best but still perfectly usable (ie café wifi) cocoapods just doesn’t work at all

this is one of the concerns i have with react native testing as of now. swapping runtime for tests is not simple, as jest only supports nodejs afaik. there is github.com/ExodusMoveme... and it supports running unit tests on hermes but it has its own implementation of jest.

github.comGitHub - ExodusMovement/test: A runner for node:test, jest, and tape test suites on top of node:test (and any runtime)A runner for node:test, jest, and tape test suites on top of node:test (and any runtime) - ExodusMovement/test
Kræn Hansen 🇩🇰@kraenhansen.dk

I still feel we (React Native app developers and library authors especially) are missing good tools for "integrated unit tests": I.e. unit tests executed on device / simulator without emulation of the React Native runtime APIs.

meetings got a bit less boring after i set up virtual webcam using OBS and some plugins by @f15y.com. CRT plugin especially looks really great. that stroke on text is, you guessed it, a plugin by him.

the bookmark feature is clever way to keep me on the survey site and prevents me getting distracted when searching all those new stuff i just saw the first time. also it works on mobile so i had no excuses but fill the survey right away.

Software Mansion @swmansion.com

The State of React Native 2024 is now open! 🚨🚨🚨 ➡️ stateofreactnative.com We've been running this survey for 3 years & it's become an invaluable resource for learning about React Native's best features and biggest pain points. Share your thoughts and help us shape the whole RN ecosystem!

react router v7 in my tauri app works as good as in any spa. clientLoaders and clientActions invoke exposed rust functions. i got pretty far with useSuspenseQueries but now i can get rid of them altogether.

valita also encourages result-types which is nice. why throw when you can handle validation errors instead. io-ts has its place when there is clear need for codecs, but most of the time in frontend code there’s not. much more so in the backend.

this integrated into by brain so deeply that i feel i've been using gn for a long time but it's only been less than a week. why did it stick? why not all those less used fugitive commands instead?

eevee@eev.ee

omg just found out about vim pseudoregion gn, which lets you operate on the next pattern match. this is lifechanging

i tried out @tauri.app v2 for the first time. getting it up and running was easy and quickly i was writing rust to access file system and displaying results with react. very impressive how fast i was able to prototype, on windows of all platforms. coming from react native this was fresh air.

View full thread

invoking rust functions is easy but since there is no codegen or anything similar a simple typo can break the app too easily. i want codegen that creates some rust code from my typescript declarations or vice versa.

i tried out @tauri.app v2 for the first time. getting it up and running was easy and quickly i was writing rust to access file system and displaying results with react. very impressive how fast i was able to prototype, on windows of all platforms. coming from react native this was fresh air.

View full thread

it feels like there is very little magic involved. no need to learn a ton of new things on rust side. same on typescript side. very straight forward compared to react native which is pretty heavy on boiler plate and at times can feel confusing.

writing rust is fun but feedback loop is way too slow for prototyping. so slow that i prefer writing most of the logic on typescript. i want to watch my button to do the thing not compile progress bar moving slowly.

i tried out @tauri.app v2 for the first time. getting it up and running was easy and quickly i was writing rust to access file system and displaying results with react. very impressive how fast i was able to prototype, on windows of all platforms. coming from react native this was fresh air.

documentation is solid and i was able to find answers to all my questions. my rust knowledge is, well rusty, but docs helped out many times during a few hours i spent with my prototype.

i used rustup to setup rust and bun as my frontend package manager and task runner. running nvim on wsl. bun, vite and cargo on on windows host. very solid developer experience.

i called myself a react native developer because i knew how to upgrade it AND deal with all the issues my teammates run into. at the time i had hard time understanding why nobody had any sort of intuition how to solve rn issues. years later it’s obvious: too complicated for anyone to bother.

jr@jhn.lol

this is so true! i’ve made a career out of having enough knowledge to confidently being able to upgrade react native. i built that confidence when rn release was every two weeks. the experience haven’t really changed much since then which is pretty wild!

i wish “saved to your camera roll” toast would be at the bottom close to the button i just pressed and my attention is. @danabra.mov i don’t know who else to ping. 😸

You are up to date.