Basic React Native with Expo is a beginner course in building cross-platform mobile apps with React Native and Expo, from a TypeScript project and navigation with Expo Router to UI design with NativeWind, REST API data and app builds with EAS Build. It suits newcomers to app development, students, web developers and business owners who want to build a prototype app.
React Native lets you write mobile apps in JavaScript or TypeScript and render them as native components on both Android and iOS from one codebase. Expo is the framework React Native recommends for starting new projects, with navigation, libraries for device features and cloud build services, so beginners can build apps without setting up Android Studio or Xcode entirely by themselves.
This new edition is updated for Expo SDK 57 and React Native 0.86, which run on the New Architecture by default. It takes learners from setting up their machine and creating a TypeScript project with create-expo-app to navigation with Expo Router, UI design with NativeWind, core components, lists of data from a REST API, on-device storage and building Android and iOS apps with EAS Build. (2 days, 6 hours per day, 12 hours in total, Beginner level.)
Course Details
This course is the 2026 edition of Basic React Native with Expo, updated for Expo SDK 57 and React Native 0.86. It runs for 2 days, 6 hours per day (12 hours in total, 09:00-16:00), as lectures alternating with labs and workshops throughout. Beginner level. Learners set up their machine, create a TypeScript project, build navigation with Expo Router including protected routes, design UIs with NativeWind, use core components, show data from a REST API, store data on the device and build apps with EAS Build. They take home a lab guide and the source code of a prototype app.
Section 1: Lab: Setting Up Tools on Mac and Windows
Section 2: Lab: Creating and Testing Your First Expo App
Section 3: React and TypeScript Essentials for React Native
Section 4: Lab: File-Based Navigation with Expo Router
Section 5: Lab: Tabs, Dynamic Routes and Protected Routes
Section 6: Lab: UI Design with NativeWind
Section 7: Lab: React Native Core Components
Section 8: Lab: Lists of Data and REST APIs
Section 9: Building and Deploying with EAS Build
Section 10: Workshop: A Prototype Shop App
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
React Native is Meta's framework for writing mobile apps in JavaScript or TypeScript that render as native components on Android and iOS. Expo is a framework built on top of React Native and is the option React Native recommends for new projects. It gets projects started quickly, provides ready-made libraries such as camera and notifications, includes navigation through Expo Router and offers EAS services to build and submit apps, without setting up Android Studio or Xcode entirely by yourself.
Expo Router uses file-based routing, so each file in the app directory becomes a screen. Start with a _layout file that defines the navigation style, such as a stack or tabs, then add screen files for the routes you need and use the Link component or router.push to move between them. For dynamic screens, name the file [id] and read the value with useLocalSearchParams. For screens that need a login first, wrap them in Stack.Protected with a guard condition.
ScrollView renders all of its children at once, which suits short content such as a form or a detail screen. FlatList renders only the items on screen and those about to scroll into view, so it uses less memory and stays smoother with hundreds or thousands of items. You pass it data, renderItem and keyExtractor. To split a list into sections with headings, use SectionList.
It suits newcomers to cross-platform app development, students, web developers who want to build mobile apps and business owners who want a prototype app to present an idea. You should know basic HTML and CSS, be able to write basic JavaScript or TypeScript, be familiar with REST APIs and JSON, and understand CRUD operations on a database.
You will be able to install the tools and create a TypeScript project with Expo, test apps on emulators and real phones, build navigation with Expo Router including stacks, tabs, dynamic routes and protected routes, design screens with NativeWind, use core components such as TextInput, Modal and FlatList, fetch data from a REST API, store data on the device and build Android and iOS apps with EAS Build. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.
Both Mac and Windows work. The first part of the course recommends suitable machine specifications, then we install the Node.js LTS release, Visual Studio Code with the required extensions and Android Studio for the emulator together. You can test on an emulator, the iOS Simulator (macOS only) and a real phone through Expo Go. Building with EAS needs an Expo account, and building an iOS app to install on a device or submit to the store needs an Apple Developer account.
Every website we open today, whatever tool or framework built it, ends up in the browser as HTML and CSS. People who understand these two languages can edit pages, adapt templates and talk to development teams with confidence. Yet many beginners learn from…
Most web teams receive designs as Figma files, but turning a design into a web page that matches it, works well on every screen size and is easy to change takes both the ability to read design files and a sound understanding of modern HTML and CSS. Writing…
Elasticsearch is a distributed search and analytics engine widely used both for search inside applications and for storing system logs so they can be investigated later, while Kibana is the interface for exploring that data and building charts and dashboards.…
