BEGINNER • Mobile Foundations
Feature Lab for fitness tracker #20
This lesson focuses on reduce crash rate for a fitness tracker app. Commands: npm run android | expo start | xcrun simctl.
Code Example
import { View, Text, StyleSheet } from "react-native";
export default function Screen() {
return (
<View style={styles.container}>
<Text style={styles.title}>fitness tracker</Text>
<Text>Objective: reduce crash rate</Text>
</View>
);
}
const styles = StyleSheet.create({
container: { flex: 1, padding: 16 },
title: { fontSize: 18, fontWeight: "600" },
});
// Run: npm run androidCommands & References
- npm run android
- expo start
- xcrun simctl
Lab Steps
- Run npm run android
- Implement feature
- Test on device
- Document findings
Exercises
- Add one validation
- Improve one UX flow
- Write one test