React Native Level Up
| Speaking | |
| November 6, 2024 |
Introduction & Setting the Stage (5 to 10 mins)
- Introductions / Explaining who we are
- Quick overview of React Native intermediate concepts and focus on “What’s Next?”
- Goals for the session: Inspire attendees to explore advanced React Native capabilities.
Blending In with Surroundings: Dynamic Design (10 mins)
- Why It’s Next-Level: Emphasize the importance of enhancing user experience by “fitting in” with user preferences.
- Dynamic Text and Dark Mode: Dark mode is more pronounced and important on Mobile than web
- Font-scaling: Mobile apps are more personal, and are held up to higher standards
- Theming isn’t easy: Don’t ship simple solutions, take the time with Mobile
- Keyboard Avoiding: Let’s be careful
- Demo and Code Highlights: Mazen Code Snippets
Quick Wins with Homescreen Interactivity (10 mins)
- Quick Actions for Homescreen: Explain what they are, how they enhance user engagement, and a quick overview of implementation.
- Use Cases: Showcase popular examples that effectively use Quick Actions.
- Native vs Config Plugins: Elaborate on the differences
- Expo Quick Actions: Understand how they merge in expo
- Demo and Code Highlights: Mazen Code Snippets
When an Icon Isn’t Enough: Widgets (10 mins)
- Homescreen Widgets in React Native: Highlight how widgets keep users engaged and informed.
- Getting Started:
- Easy react-native-android-widget
- Hard @bacons/apple-targets
- Making Hello World: The widget no one wanted, but we all need
- Demo and Code Highlights: Mazen Code Snippets
Accessibility Essentials (5 mins)
- The Accessibility Timebox: Introduce accessibility as a non-negotiable for next-level apps.
- Quick Actionable Tips:
- Put your app through a screen reader
- Key accessibility props
- Encourage Exploration:
- CI/CD for accessibility?
- Platform-dependent accessibility props (slider etc)
- Improve buttons and validation
Wrap-Up (5 mins)
- Quick summary of “What’s Next” steps.
- Open the floor for questions