Basic React Native for React Developers is a beginner course that moves your web React skills to Android and iOS apps, covering core components, Flexbox layout, navigation with React Navigation and running apps on real phones with Android Studio and Xcode. It suits web developers who already write React, frontend teams and students who have learnt React.
Developers who already write React for the web have more than half of what they need to build mobile apps with React Native, because components, props, state and hooks work the same way. What is new is everything that differs from the web: there is no DOM and no traditional CSS, core components render as native views, layout uses Flexbox through StyleSheet, navigation is a stack rather than URLs, and you need native tools such as Android Studio, Gradle and Xcode to run and build apps on real devices.
This new edition is updated for React Native 0.87, which runs only on the New Architecture. It maps web concepts to mobile one at a time, from setting up the native tools and creating a TypeScript project with the React Native Community CLI to core components, Flexbox layout, navigation with React Navigation 7, data from a REST API, and running apps on real Android phones and iPhones and producing release builds. (2 days, 6 hours per day, 12 hours in total, Beginner level.)
Course Details
This course is the 2026 edition of Basic React Native, refocused for people who already write React for the web. Unlike Basic React Native with Expo, which starts from Expo, this course works directly with the Android and iOS projects through the React Native Community CLI, Android Studio and Xcode. It is updated for React Native 0.87 and runs for 2 days, 6 hours per day (12 hours in total, 09:00-16:00), as lectures alternating with labs throughout. Beginner level. Learners map web concepts to mobile, use core components, lay out screens with Flexbox, build navigation with React Navigation 7, fetch data from a REST API and run apps on real phones. They take home a lab guide and the source code.
Section 1: How React on the Web Differs from React Native
Section 2: Lab: Setting Up Native Tools on Windows and macOS
Section 3: Lab: Creating a Project with the React Native Community CLI
Section 4: Lab: Core Components in Place of HTML Tags
Section 5: Lab: Styling with StyleSheet and Flexbox
Section 6: Lab: State, Hooks and Forms on Mobile
Section 7: Lab: Lists of Data with FlatList and SectionList
Section 8: Lab: Navigation with React Navigation 7
Section 9: Lab: Data from a REST API and On-Device Storage
Section 10: Lab: Platform APIs That Differ from the Web
Section 11: Lab: Running on Real Devices and Release Builds
Section 12: Workshop: Moving a React Web App to Mobile
No public rounds are open right now. Join the waiting list and we will contact you first when the next round opens, or ask us on LINE. Or call 02-570-8449 or 088-807-9770
Basic React Native with Expo starts from Expo, which hides the native setup and suits beginners in general. This course is designed for people who already write React for the web. It compares what you know from the web with what changes on mobile, one topic at a time, and uses the React Native Community CLI to work directly with the Android and iOS projects in Android Studio and Xcode, including running on real devices and producing release builds with native tools. You understand what sits behind the app, which also makes moving to Expo easier later.
A fully native app is written separately in Kotlin for Android and Swift for iOS. React Native uses one JavaScript or TypeScript codebase with React concepts and renders real native components on each platform, not a web page wrapped in an app. Since React Native 0.82, apps run only on the New Architecture, which lets JavaScript call native code directly through JSI for better responsiveness, and you can still add native code when you need it.
On the web we often build every item with map, but on mobile, using map inside a ScrollView with a lot of data creates every item at once and uses a lot of memory. Use FlatList instead, which renders only the items on screen and those about to scroll into view; you pass it data, renderItem and keyExtractor. ScrollView suits short content such as a form, and SectionList suits lists grouped under headings.
It suits web developers who already write React or Next.js, frontend teams who look after both a website and an app, and students who have learnt React. You should be able to write components, props, useState and useEffect, write modern JavaScript and read basic TypeScript, know REST APIs and JSON, and use the command line and npm. If you have not written React before, we recommend Basic React Native with Expo.
You will be able to set up Android Studio and Xcode, create a TypeScript project with the React Native Community CLI, use core components in place of HTML tags, lay out screens with Flexbox, build stack and tab navigation with React Navigation 7, show REST API data with FlatList, store data with AsyncStorage, and run apps on real Android phones and iPhones and produce release builds. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.
Both work. In the first part of the course we install the Node.js LTS release, JDK 17, Android Studio with the Android SDK and emulator, and VS Code together. Windows can run and test Android apps fully, while running on the iOS Simulator or a real iPhone needs macOS with Xcode and CocoaPods and your own Apple Account. We recommend 16 GB of RAM and bringing your phone with a USB cable.
Programming underpins almost every area of IT, from websites and mobile apps to desktop software and systems that work with data. Even with AI now helping to write code, people who understand how programs and data are structured are still needed, because…
Today's web applications need to respond quickly, feel as smooth as a mobile app and be easy to extend as the system grows. React is one of the most widely used libraries for building user interfaces because it splits a page into reusable components, and it…
Once you can build a first React Native app, the next challenge is making it look good on every screen size, splitting it into reusable components, handling state that is getting more complex, building forms that really validate data and setting up layered…
