Workshop
React Native Advanced
Advanced React Native, hands-on. Best if your team already ships with React Native and TypeScript.
Prerequisite
You get the most out of this with working React Native + JavaScript/TypeScript experience.
Hands-on format
- Live coding demos 🖥, with plenty of questions for you.
- Coding exercises 💻, you write and refactor real code.
What we cover
A menu of topics, depending on time, we pick the ones most relevant to your team together.
Foundations (if needed)
- Flexbox styling system
- Lists: FlatList vs ScrollView
- Async event handling
Setup & tooling
- Live debugging in VS Code
- Expo vs "vanilla" React Native
- react-native-debugger & Flipper
Navigation (react-navigation)
- Stack, tab & screen navigators
- Nesting navigators
- useFocusEffect vs useEffect vs react-freeze
- navigate / push / pop & navigate-from-anywhere
- Modals & overlays
Animations
- Reanimated 2: worklets, useSharedValue, useAnimatedStyle, withSpring/withTiming
- Gestures with react-native-gesture-handler
- Layout animations
- Animated: values, interpolation, LayoutAnimation
Testing
- Snapshot tests for UI regressions
- Component tests
- End-to-end with Detox
Going native
- Working with sensors & the camera
Why with me
I've built with React & React Native since December 2015, chose it back then as a startup CTO, and have trained teams at Barclays, McKinsey, REWE, DATEV and Condor ever since. Top 5% worldwide on Stack Overflow for React Native & JavaScript, and I lead the React/React Native track at Workshops.de.
Bring this workshop to your team
Remote or on-site, tailored to your team's level.