Universal linking is possibly the most important native app feature you can add 👀
@Expo Router automates ~90% of it—every route can be instantly shared with anyone.
The next 5% will be automating all the code-signing credentials (App Store IDs, website URLs). After that it will be static analysis for routes to opt-out of linking.
Reminder 📢
If you're animating numbers, use this line of CSS 👇
.numbers {
font-variant: tabular-nums;
}
It will make sure your numbers don't jump around like this example seen in the wild 🤙
Future UI Tip ✨
You can create an HTML && CSS only Accordion that only has one section open at a time 🤙
Do this by adding a matching name attribute to sibling details elements ✨
<details name=accordion>
<summary>One</summary>
</details>
<details name=accordion>
<summary>Two</summary>
</details>
Check this video where the sibling <details> elements have their name attributes toggled 👇 Notice how the behavior changes.
This is a pretty sweet addition from the @openuicg group 👏 One issue is getting CSS transitions to work with the sections which seems like an age-old problem with many articles around it. Seems like it should work with @ starting-style or View Transitions 🤔 But, no luck on my end 🥲
@CodePen link below! 👇
Crazy fact: React Native's built-in <Text> and <View> components are expensive. Our lists got noticeably faster by doing this:
const Text = props => createElement('RCTText', props)
You usually don't need the Text component's heavy features like onPress/inherited styles.