iwantcoding.com
🔥 Daily 👥 Rooms 🏆 Top Log in Sign up

Certificate

By · Reviewed & last updated · Part of React Native Tutorial

React Native track certificate: criteria, project brief, rubric.

React Native — certificate

EXAMPLE
# ===== Award criteria =====
# Pass: >= 70%; Distinction >= 85%.
#
# 1. Project structure         (10)
# 2. RN components + layout    (15)
# 3. Navigation                (10)
# 4. State + data layer        (15)
# 5. Native integration        (15)
# 6. Theming + accessibility   (10)
# 7. Build + ship              (15)
# 8. Communication             (10)

# ===== Project brief =====
# Ship a real React Native app (Expo recommended):
# - 4+ screens with stack + tabs navigation
# - At least 1 form with validation (react-hook-form + zod)
# - Real data via fetch / TanStack Query
# - Persistence (AsyncStorage / MMKV)
# - 2+ native APIs (camera, notifications, location)
# - Dark mode + accessible
# - 50%+ test coverage (jest + @testing-library/react-native)
# - Built for iOS + Android via EAS
# - README + screenshots

# ===== Ideas =====
# - Task tracker with reminders + offline sync
# - Photo journal with map + camera
# - Step counter using motion sensors
# - Personal finance tracker

# ===== Sample structure =====
# my-app/
#   app/
#     (tabs)/
#     login.tsx
#   components/
#   hooks/
#   stores/
#   services/
#   __tests__/
#   eas.json
#   app.json
#   README.md
#   docs/SCREENSHOTS/

# ===== Marking sheet (example) =====
# 1. Structure          9/10   feature folders + services
# 2. Components        14/15   FlatList, SafeArea, Pressable, accessible
# 3. Navigation         9/10   expo-router with tabs + stack
# 4. State              13/15   Zustand + TanStack Query
# 5. Native             14/15   camera + notifications with permission gates
# 6. Theming + a11y     9/10   dark mode + VoiceOver / TalkBack
# 7. Build + ship      14/15   EAS builds for both platforms
# 8. Communication     9/10    README + screenshots + architecture doc
# Total: 91/100 -> Distinction

# ===== Patterns to internalise =====
# - Expo + EAS in 2026
# - expo-router for navigation
# - FlatList for any non-trivial list
# - Permission gates before native API calls
# - Test on real devices early
# - One state lib + one data lib

# ===== Pitfalls =====
# - Strings outside <Text>
# - ScrollView for long lists
# - Permissions called before user understanding
# - Inline styles in hot lists
# - Skipping accessibility labels

Why it matters

React Native certificate: ship an Expo app with navigation + state + native APIs + theming + tests + EAS builds + README. The same shape works for any production RN app — pin the rubric and the certificate becomes a portfolio piece.

Tip: Tweak the snippet with Try it Yourself », then sit the quiz at the bottom of the page.

Example

Example
// /certificate/react-native
Try it Yourself »

Discussion

Loading…