You’ll learn the process of developing and launching your own restaurant review app using React Native. We’ve prepared the entire process, from design and frontend and backend development to deployment.
1,501 learners
Level Intermediate
Course period Unlimited
Reviews from Early Learners
5.0
Ryan Kim
I have completed three RN lectures by various instructors, but I felt that Instructor Kyo's lecture was the best. (I am a backend developer, so I did not take the NestJS server-side part of this lecture.) 1. Project composition that allows you to experience various requirements You can follow the project from beginning to end and use various and realistic requirements, components, and libraries, so even if you only take this lecture, you can gain enough information to create the app you want. It is a lecture that allows you to develop an app with complex and diverse functions that does not feel like a toy project, but is actually serviceable. (The overall lecture quality is relatively and absolutely the highest among all the RN lectures I have taken.) 2. The instructor's ability to explain is excellent I think that knowing something well and doing it well and the ability to teach it to someone are separate abilities. What I felt while taking the lecture was that Instructor Kyo is not only highly skilled in RN, but also has the ability to explain it well to others in an easy-to-understand way. Thanks to this, I was able to complete the lecture easily. 3. Pleasant lecture environment (4K) Usually, other lectures are uploaded in 1K, but this lecture was filmed in 4K video, so I was able to take the lecture while feeling like my eyes were being purified. Just looking at the fact that they consider not only the lecture content but also the lecture environment, I think the overall lecture quality cannot be anything but good. What was especially good - Lecture video quality (4K) - Bonus lecture content (direct modification of libraries, image optimization, etc.) - The level of the app developed together in the lecture (an app that reflects complex and realistic requirements of the product level) I listened to it after work, so it took a long time, but it was a really fun and informative lecture. Thank you! If you make another RN lecture on a more difficult topic, I will definitely take it!
5.0
HyeJung
I had a lot of questions while listening to the lecture, and I was so grateful that you answered them all one by one!! I came to listen to the React Native lecture, but I feel like I gained more, so it's great. I was amazed every time I listened to the lecture. I used to leave a thank you message in the question section every time, but I'm leaving a review like this. I didn't have enough knowledge about TypeScript, but I felt like my lack of knowledge was gradually being filled while listening to the lecture!! I also studied TypeScript, so I'm going to listen to this lecture properly again. Please take good care of me again!
5.0
호갱
I wanted to listen to all the lectures and add more praise, but I couldn't hold back and left a review. I made a really simple? site with next.js. (I only know the basic react grammar.) I work as a backend developer (spring, c#), so I'm interested in frontend, so I took the react lecture, but this is the first time I've taken such a high-level lecture. I think I can apply the source quality to my work right away. (I think this is the biggest advantage.) There are many lectures that you can move on to the next level as soon as you start, but this was a lecture that I learned so much. I really became a fan. So I listened to all the lectures and wanted to listen to other lectures, but there are only the current lectures. I'd like to ask about your future lecture plans, and if you have any intention of making a next lecture.
React Native
React Query
State
TypeScript
Nest.js
TypeORM
Build your own restaurant map service using the latest technologies! We’ve prepared the entire process, from frontend and backend development to design and deployment. Develop the app based on a design system built in Figma.
We’ll share various tips and know-how, from developing an app with React Native to launching it on both the App Store and Google Play. The tech stack includes React Native, TypeScript, NestJS, react-query, and zustand.
You will develop both the frontend and backend to complete a single service from start to finish.
The course consists of 12 hours of frontend and 3 hours of backend, and source code for every lesson is provided.
This is an intermediate-level course using React Native CLI. Please keep this in mind when enrolling. For development using Expo, please refer to the course below!
React Navigation
TypeScript
TanStack Query (React Query)
Zustand
Server State & Global State Management
JWT-based authentication
Kakao Login / Apple Login
Developing shared components
Compound component pattern
Custom hook pattern
Suspense, ErrorBoundary
App deployment
Integrating the Google Maps API and Kakao Maps API
Displaying Markers and Clustering
Infinite scrolling
Calendar implementation
Dark mode
Image upload
Handling app permissions
Working with date functions
Modifying libraries
WebView
NestJS & TypeORM
PostgreSQL
The frontend is built on React Native (CLI) and TypeScript, making extensive use of TanStack Query (React Query), while Zustand is used for global state management. The backend is developed using the NestJS, TypeORM, and PostgresQL stack. In addition, we integrate various APIs, including the Google API and Kakao API, as part of the development process.
⚠ For detailed implementation information, please check the curriculum!
안드로이드ios동시개발.png?w=960)
1. Concurrent Android and iOS development
By developing both platforms together, you’ll create reusable, shared components that work across multiple platforms and screens. You’ll also learn about the differences between platforms and how to address them.
2. Component Design & Custom Hooks
Rather than simple implementation or library usage, learn how to develop with reusability and flexibility in mind, using patterns such as compound components and custom hooks.
3. Figma-Based Development
We provide a design system built in Figma and designs for every screen, making it easy to identify which components and screens to implement.
4. Minimize Library Usage
Minimize the use of libraries and develop your implementation and problem-solving skills by implementing most features yourself. You will directly implement approximately 20 custom hooks, 40 components, and various utility functions.
5. Source Code Provided
In addition to the completed backend source code, source code is provided for every lesson conducted from the beginning to the end of the project. We also provide materials such as blogs and articles that are necessary for developing and understanding the service.
This is a course using the CLIfor intermediate-level learners or above (to build expertise). It may not be suitable for beginners. Please keep this in mind when enrolling. (For development using Expo, please refer to the Build a Medication Reminder App course or Build an Avatar Community App course.)
JavaScript/CSS knowledge is required. ES6 syntax such as map and filter is not explained.. Không giải thích các cú pháp ES6 như map, filter.
React knowledge is required. State and props, as well as basic Hooks (useState, useEffect), are not explained.. Nội dung không giải thích về state, props và các Hooks cơ bản (useState, useEffect).
The course uses React Native CLI. We do not use Expo.
The course development environment is Mac OS. (Windows users can develop for Android only. A Mac environment is required for iOS app development.)
This course was produced at a resolution of 3840 × 2160 (4K), so you can enjoy better image quality by selecting a higher resolution.
* This course was renewed on August 24, 2025.
Who is this course right for?
Those who want to launch their own app
Those who have studied the basics of JavaScript/React.
Those who want a special portfolio that is actually put into practice
Those who want to create a single app to a high standard
Those who want to develop both the frontend and backend with JavaScript
Need to know before starting?
I need knowledge of React.
I need knowledge of JavaScript/CSS.
Experience with Node.js and Express is a plus. (For backend development)
Inflearn Verified
Career Verified
2,867
Learners
250
Reviews
356
Answers
4.9
Rating
6
Courses
I started as a community service frontend developer and am currently working as a commerce platform full-stack developer.
At Inflearn, I provide lectures focused on creating high-quality products.
✉ inkyo.dev@gmail.com
All
118 lectures ∙ (14hr 59min)
Course Materials:
All
105 reviews
4.9
105 reviews
Reviews 1
∙
Average Rating 5.0
Edited
5
It was great being able to build an app from start to finish with React Native. I got to experience both frontend and backend, and completing the actual deployment was sufficient for gaining real-world experience. Using the latest technologies like React Query, Zustand, NestJS, and TypeORM helped me learn the tech stack, and practical features such as Kakao/Apple Login, Map API, and infinite scroll were covered thoroughly. The code was well-structured and the explanations were clear, which made it easy to follow along. I believe it's a highly comprehensive course because I could personally go through the entire process up to releasing on the App Store/Play Store.
You've completed all the lessons! Thank you for saying it was a high-quality course.
Reviews 2
∙
Average Rating 5.0
5
I'm just a regular person who has learned JAVA, JS, and CSS as hobbies. I've always had a dream of "creating my own app with my own hands!" but as a non-major, I couldn't easily take on the challenge, but now I finally have the opportunity. I became interested in React Native, which allows cross-platform app development, so after studying the basics of React separately, I took Kyo's course. To start with the conclusion, I think I made a really good decision to take this course! At first, it wasn't easy because it was an intermediate course, but as I learned, there were many moments where I thought, "Wow, there was also this function?" and it was really helpful because I could learn how to actually use things that I only knew as concepts. In particular, it was great to learn how to use existing functions more efficiently, and I felt that I was getting more and more familiar with it as I followed along while reviewing. Thanks to this, I gained confidence in React Native, and now I have a growing expectation that I will be able to create my own app! I'm a non-major, and I took on the challenge with just the basics of React, so I think others can definitely follow along. Thank you for the great lecture! 😊 Fighting! 🚀
Thank you for the great review!
Reviews 24
∙
Average Rating 4.6
5
If you introduce a really good person to your best friend for a blind date, I want to introduce this course to my best friend without fail. Advantages 1) They answer questions faster than AI 2) The lecture chapters are uploaded to GitHub, so it's really easy to refer to 3) The voice is gentle....(Should I say it's a bit like Sung Si-kyung..ㄷㄷ) 4) The refactoring process is also included
Thank you for posting many questions/shared posts in the community and even writing a review 🙂 I'm glad you wanted to introduce this lecture👍👍 Please let me know if you have any questions in the future!!
Reviews 1
∙
Average Rating 5.0
Edited
5
I've been developing apps natively, but I wanted to learn React Native in depth, so I decided to take this course. To be honest, at first I was worried, thinking, "It covers everything from the client to the server, what if it's just long and not very good?" But it's much more systematically structured than I thought, and I'm gaining really useful knowledge in every lecture. The best thing is that I can learn the overall service flow at once. From designing with Figma, to configuring the screen with React Native, to linking with the NestJS backend, the process is shown step by step, so every moment I realized, "This is how it's connected." I also liked that it covers deployment to AWS. React Native was unfamiliar, but I'm following it with interest because it covers a variety of features that can be used right away, not just at the example level. In the middle, it points out the unique parts of RN in detail, so even I, who used to do native development, was able to get through it without much difficulty. I'm so satisfied with the course that I'm already curious about other courses like "Creating an Avatar Community App." Highly recommended for those who want to create a mobile app properly! I was able to follow the course content sufficiently without any questions. I hope you will continue to create such dense lectures in the future. Thank you!
Thank you for the great review!
Reviews 1
∙
Average Rating 5.0
5
I have completed three RN lectures by various instructors, but I felt that Instructor Kyo's lecture was the best. (I am a backend developer, so I did not take the NestJS server-side part of this lecture.) 1. Project composition that allows you to experience various requirements You can follow the project from beginning to end and use various and realistic requirements, components, and libraries, so even if you only take this lecture, you can gain enough information to create the app you want. It is a lecture that allows you to develop an app with complex and diverse functions that does not feel like a toy project, but is actually serviceable. (The overall lecture quality is relatively and absolutely the highest among all the RN lectures I have taken.) 2. The instructor's ability to explain is excellent I think that knowing something well and doing it well and the ability to teach it to someone are separate abilities. What I felt while taking the lecture was that Instructor Kyo is not only highly skilled in RN, but also has the ability to explain it well to others in an easy-to-understand way. Thanks to this, I was able to complete the lecture easily. 3. Pleasant lecture environment (4K) Usually, other lectures are uploaded in 1K, but this lecture was filmed in 4K video, so I was able to take the lecture while feeling like my eyes were being purified. Just looking at the fact that they consider not only the lecture content but also the lecture environment, I think the overall lecture quality cannot be anything but good. What was especially good - Lecture video quality (4K) - Bonus lecture content (direct modification of libraries, image optimization, etc.) - The level of the app developed together in the lecture (an app that reflects complex and realistic requirements of the product level) I listened to it after work, so it took a long time, but it was a really fun and informative lecture. Thank you! If you make another RN lecture on a more difficult topic, I will definitely take it!
In this lecture, the goal was to create a complete app that could be serviced, rather than a simple project that was just created as you said. The lecture time was long, but I think the lecture was a good fit for me. Thank you for leaving such a detailed review :)
Check out other courses by the instructor!
Explore other courses in the same field!
25% off for new members
$57.00
25%
$77.00
![[1 Hour] JavaScript for Developers (of other languages)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/337877/cover/01jyvwkxfmyxtq5ny0e5fmwmqp?w=420)
