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

RN HOME

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

Welcome to the iwantcoding.com React Native Tutorial. React Native lets you write React and render to native iOS + Android views. Discord, Shopify, Microsoft, and Meta all ship apps with it. Expo + EAS Build make it the fastest way from idea to App Store.

What this tutorial covers

ChapterYou will learn
RN BasicsExpo vs bare CLI, core components, View, Text, Image, ScrollView, FlatList, TextInput, Button, styling & flexbox.
State & NavigationuseState / useEffect, Context, Redux / Zustand, React Query, React Navigation, stack / tabs / drawer.
Native APIsAsyncStorage, camera, location, permissions, push notifications, gestures, animations (Reanimated).
Build & ShipEAS Build, native modules, OTA updates, testing (Jest / Detox), App Store / Play Store.
ExamplesCheatsheet, runnable snippets, quiz, exercises, bootcamp, certificate.

Who this is for

  • Web React devs who want native apps.
  • Startups skipping two separate platform teams.
  • Anyone shipping to iOS + Android from one codebase.
How to use this tutorial: read the chapter, run the example with Try it Yourself », do the exercise, then take the quiz at the bottom. Hit Mark complete when you're done — the sidebar will track your progress.

Example

Example
import { View, Text } from 'react-native';
export default function App() {
    return (
        <View>
            <Text>Hello, React Native</Text>
        </View>
    );
}
Try it Yourself »

Exercise

Import the basic text primitive.

import { } from 'react-native';

Discussion

Loading…

« Previous