๊ฐ•์˜

๋ฉ˜ํ† ๋ง

๋กœ๋“œ๋งต

Programming

/

Mobile Application Development

[2025] React Native App Development Masterclass for Non-majors

For those who had ideas but didn't know how to develop an app, Let's master app development by creating 4 practical projects!

(2.9) 8 reviews

122 learners

Level Beginner

Course period Unlimited

  • IT Share
JavaScript
JavaScript
React
React
Node.js
Node.js
React Native
React Native
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Node.js
Node.js
React Native
React Native
TypeScript
TypeScript

What you will gain after the course

  • 100% Practical React Native Syntax

  • Practical React Syntax

  • Setting up a development environment optimized for efficient development

  • Get external data via API

  • Over 100 practical skills frequently used in real apps

  • Implement login functionality

[2025] [UPDATE] React Native App Development Masterclass for Non-Majors

[NEW!] New lectures for February, all renewed

A I'm back with a new lecture.

Filmed in December / Edited in January
Check out the 100% new and reborn lectures right now.

The lectures were organized by adopting only technologies used in the field.

With a running time of a whopping 13 hours, we'll turn you into an app developer.

Are you still taking theory-oriented lectures?

An app developer with 5 years of experience developing apps will share his practical know-how .

Who should take this course? ๐Ÿค”

ยท ๐Ÿ’ก People who have ideas but have difficulty making them into apps

ยท ๐Ÿ“ฑ For those who want to jump into the app development field

ยท ๐Ÿ“ฑ For those who want to create their own app

ยท ๐Ÿง‘โ€๐Ÿ’ผ Those who want to get a job as an app developer

ยท ๐Ÿ’ป For those who want to learn app development quickly and create a side project

ยท ๐Ÿ’ญ Anyone interested in app development

ยท ๐Ÿ’ธ Those who want to develop their own app service and monetize it

Why use React Native?

Here are some of the biggest reasons to use React Native.

POINT 1 Adoption by over 1,000 large companies

๐Ÿข React Native used by over 1,000 major companies around the world, including ToX, BaeX, Minjok, and Instagram

POINT 2 Innovation in Cross-Platform Development

| What is cross-platform? Technology that allows development of both Android and iOS with one code

๐Ÿ”ฏ Cross-platform React Native => Fastest and easiest way to develop for both OSes

POINT 3 Strong community and ecosystem

๐Ÿ•ธ Over 10,000 active developers on Github and Stack Overflow

๐Ÿ”ญ Support from a large community => Various updated plugins and features

POINT 4 Rapid development and hot reloading

๐Ÿ”ฅ Exclusive hot reloading feature: See changes instantly whenever you modify code during development

๐Ÿ›  Useful for MVP (Minimum Viable Product)

POINT 5 Native Performance and User Experience

๐Ÿ”ง Use native components => Excellent performance

๐Ÿ”— Code written in JS interacts directly with native APIs => No performance degradation

โšฝ Excellent performance in animation and gesture processing => Smooth user experience

After attending the lecture... ๐Ÿ’ญ

ยท ๐Ÿ‘จโ€๐Ÿ’ป You can handle React Native skillfully according to the situation .

ยท ๐Ÿ“ฑ You can develop your own ideas into an app.

ยท ๐Ÿ‘€ I can develop the features of the app I want.

ยท ๐Ÿ‘ฅ You can quickly learn other languages by associating what you learned with React Native .

ยท ๐Ÿ’จ Enterprise-level app and app feature ideas can be implemented immediately.

What are the features of this course? โญ

Practice-oriented lectures ๐Ÿƒ โ€ โžก

Rather than a class that focuses on abstract theories that only catch clouds, students learn while developing actual projects .
The lectures are structured as practice-oriented classes .

A lecture faithful to the actual situation ๐Ÿคบ

If the lecture only tells you, "If you do this, this will happen," then even if it is a practice-oriented class, it is useless.
Where should it be used in practice? Which functions are most commonly used in real apps?
We will inform you so that you can use it 100% in practice.

Beginner-focused lectures ๐Ÿง‘โ€๐ŸŽ“

This course teaches you countless practical skills in React Native, but
The course difficulty level is beginner level . In this way, the students will learn about the field of app development.
We will explain the concepts clearly so that even if you have no idea , you can understand all the concepts.

Why should I take this course?

I compared this course with other courses on Inflearn.

Inflearn other courses

Over 30,000โ‚ฉ

โ›” Theory lectures that only study abstract concepts

๐Ÿ”ป The more I listen to this lecture, the less I understand it

๐Ÿšซ A lecture that doesn't tell you why and in what situations to use it

โŒ Courses that do not provide full code

โš  Lectures with unsystematic experimental structure

๐Ÿ“ƒ Lectures with insufficient explanations

๐Ÿ’ธ Basic tuition fee exceeds 30,000 won

V S

[2024] From Beginner to Master of App Development with React Native

22,000โ‚ฉ, 1600โ‚ฉ per hour

โœ… Practical lectures where you learn while creating actual projects

๐Ÿ”บ A lecture that continuously reminds you of even the basic parts so that they are stored directly in your brain

๐Ÿ’ก A lecture that clearly explains WHY and WHEN

๐Ÿ“” Courses that provide full code

๐Ÿชœ Systematic method to master the basics lecture

๐Ÿ“š A lecture that explains from the basic understanding

๐Ÿ‘Œ 1,600 won per hour, a lifetime of lectures for the price of a chicken

How is this course structured? โœ

I briefly introduced the lectures by section.

Section 1. INTRO

About 5 minutes

- Preview section
- Description of lecture structure

โœฏโœฉโœฉโœฉโœฉ
Section 2. REACT NATIVE

About 31 minutes

- Preview section
- Explanation of basic coding knowledge such as variables and functions
- Take a look at React Native

โœฏโœฏโœฉโœฉโœฉ
Section 3. Getting Started

About 1 hour and 40 minutes

- Configuring the development environment
- How to build an app
- Take a look at React Native's basic components

โœฏโœฏโœฏโœฉโœฉ
Section 4. Calculator App

About 1 hour and 6 minutes

๐Ÿง‘โ€๐Ÿ’ป Development


๐ŸŒ JavaScript Basics

๐Ÿƒโ€โžก๏ธ Getting started with Node.js create-expo-app

๐Ÿ—‚ Understanding file structure

๐Ÿง Basic components such as Text, View, etc.

๐Ÿ”˜ TouchableOpacity button

๐Ÿ’ก onPress & function linking

๐Ÿ” Advanced use of useState

๐Ÿคผโ€โ™‚ Perfect use of useState default value

๐Ÿค” useState & if statement linkage

๐Ÿซ— Understanding null

๐ŸŽ› Utilizing parameters

๐Ÿ”„๏ธ Implementing value initialization

๐Ÿ“š Array creation & map linking

๐ŸŽจ Styling


โšช React Native Basic Styling

๐Ÿ’… Styled components

๐Ÿ“• 15+ basic styles

โœด Core sorting syntax

๐Ÿ”จ UI enhancement using styles

โœฏโœฏโœฉโœฉโœฉ
Section 5. Translation App

About 50 minutes

๐Ÿง‘โ€๐Ÿ’ป Development


๐ŸŸฆ TypeScript Basics

๐Ÿƒโ€โžก๏ธ Getting started with community cli

๐Ÿช› Introducing external libraries

๐Ÿ‘‡ React Native Picker

โŒจ input component

โ‡ Save user input

๐Ÿ“š Create a list variable

โ“ Variables of boolean type

๐Ÿชฌ Using logical operator (&&)

โš’ Using the map function

๐ŸŸฐ Prevent same-language translations (ternary operator)

๐ŸŽจ Styling


๐Ÿ”ฒ Modern card styling

๐Ÿ’… Styled components

โœด Core sorting syntax

๐Ÿ”จ UI enhancement using styles

๐Ÿซธ Margin Basic Styling

โœฏโœฏโœฏโœฏโœฉ
Section 6. Weather App

About 2 hours and 4 minutes

development


๐ŸŸฆ TypeScript Advanced

๐Ÿช› Introduction of external API + API concept

๐Ÿ”ง Fetch VS Axios

๐Ÿ›‘ Node.js Concepts

๐Ÿšฉ Request user location permission

๐Ÿ—บ User Location Weather

๐Ÿ“ท Image component

๐Ÿชง API & RN swiper integration

๐Ÿ›ก Data Validation (Ternary Operator)

๐Ÿ”— Add Linking button

๐ŸŒŸ useEffect API request

Styling


๐Ÿ”ฒ Modern card styling

๐Ÿ’… Styled components

โœด Core sorting syntax

๐Ÿ”จ UI enhancement using styles

๐Ÿซธ Margin Basic Styling

๐Ÿช‚ padding basic styling

๐Ÿ”˜ Card Button Styling

โœฏโœฏโœฏโœฏโœฏ

Section 7 โ€ข 9 โ€ข 10. Coin App

About 5 hours and 25 minutes

development


๐ŸŸฆ TypeScript Master

๐Ÿ“‡ Create your own component and use it

๐Ÿ“š map function & API integration

โฌœ Preview (before loading) component

๐Ÿ”— Linking & React Native Vector Icons

๐Ÿ”– Show conditional data validity icon/badge

๐Ÿƒโ€โžก๏ธ Move to the registration screen of Bottom Tabs through useNavigation

๐Ÿชง Create a card badge

๐Ÿ“œ Connecting vertical ScrollView & horizontal FlatList

๐Ÿ” Implementing search functionality via search API

Styling


๐Ÿ”ฒ Advanced card styling

๐Ÿ’… Styled components

โœด Core sorting syntax

๐Ÿ”จ UI enhancement using styles

๐Ÿ” Search box styling

๐Ÿงฑ Styling dividers with borderBottom

โšช Set appropriate fontWeight

๐Ÿ‘ค Trendy profile tab styling

๐Ÿ”— Practice styling with sensible tab shortcuts

State Management


๐Ÿ“– Complete understanding of Redux's structure

๐Ÿ“œ Efficient basic framework composition

๐Ÿ”ง Efficient use of Slice components

๐Ÿซ™ Practice saving state with redux-persist

๐Ÿ”Œ redux-persist & MMKV integration practice

โšก State management using only MMKV & Redux

log in


๐Ÿ”— Self-developed login button

โš  Implementation of responses to various errors

๐Ÿซ™ Save user information when logging in

๐Ÿ”Œ Passing saved user information

๐Ÿ‘ค Display transferred user information in the profile tab

๐ŸŒ‰ Screen display depending on whether logged in or not

[Special Appendix] Distribution


๐Ÿค– Android deployment process

๐ŸŽ iOS deployment process

๐Ÿˆโ€โฌ› Github deployment process

โœฏโœฏโœฏโœฉโœฉ

Section 8. Special. Redux Counter App Development

About 1 hour and 11 minutes

Learning Skills

โ™‹ Redux from basics to advanced

โš› React-Redux

โžฟ Redux-persist

โšก React Native MMKV

Section 11. Concluding the Lecture

About 26 minutes

Finally, this is a section where we look back on what we have learned together as we conclude this lecture.

[Appendix] For those of you who are wondering which path to take after taking this course, we have prepared a Tech Tree series.

After taking this course, you will be able to create results like this ๐Ÿ–ผ

Calculator app screen

P1. Calculator App

| Learning Skills

  • Create Array

  • map function

  • useState

  • switch

  • Self-developed function

  • Basic Components

ใ…ฃ Detail

  • Initialization logic

  • Implementing the four basic operations

  • Feel of basic styling

  • Supplementary work to prevent component displacement, etc.

ใ…ฃ Meaning

  • Learn the basics of development & styling most efficiently


  • After presenting various problems that occurred during the development process, we improved them.

  • Implementing logic using basic JS skills

Translation app screen

P2. Translation app

| Learning Skills

  • Picker

  • Card Component

  • Array & Map

  • TextInput

  • How to use external libraries

  • Ternary operator

ใ…ฃ Detail

  • Understanding the structure of the library you want to use

  • Tracking user input

  • Complete prevention of same language selection

  • Styling using margin and padding appropriately

ใ…ฃ Meaning

  • User Interaction

  • Practical App Topics

  • Development that can 100% reflect the developer's intention

  • The most frequently used Card design in UI

Weather app screen

P3. Weather App

| Learning Skills

  • GeoLocation

  • API Request

  • Card styling

  • Linking

  • Swiper

  • Map

  • useEffect

  • Asynchronous processing

  • Image

ใ…ฃ Detail

  • Show weather at your location


  • Obtaining required data from users when making API requests

  • Select and display only the data you need from the API request results

  • Use the useEffect hook to request the API as quickly as possible

  • Encourage user interaction with Learn More buttons

ใ…ฃ Meaning

  • Practical App Topics

  • Apps that work with the user at the center

  • Learn how to use Swiper, a useful library


Coin app screen

P4. Coin App

| Learning Skills

ใ…ฃ Details

  • Full use of API

  • External site links in various components

  • Perfect card component styling

  • Search function

ใ…ฃ Meaning

  • A solid improvement in skills through development at difficult levels of difficulty

  • A project that will solidify your practical skills

FAQ

#1. Can someone who knows nothing about coding take the course?

Yes, you can. This course is not focused on React Native in depth, but rather teaches basic programming knowledge in an easy-to-understand manner, so even beginners can take the course without much difficulty, and those who have studied coding at least a little will be able to take the course easily.

#2. Should I study React.js in advance and take the course?

No. React Native is a framework based on React, so the lecture includes an explanation of the basic grammar of React. Even if you don't know React at all, you can learn React and React Native through this lecture.

#3. Will this course be updated?

Yes, it will be updated.
The lectures will continue to be updated due to library closures, lecture issues, etc!

Last updated: 2025-02-27

Notes before taking the class ๐Ÿงณ

The course will be conducted in a Windows 11 Home environment.
Even if you are using macOS, you can take the lecture without any problems.

Practice Environment ๐Ÿช“

  • Operating System and Version (OS): Windows 7 or later / macOS 10 or later / Linux

  • Tools used: Android Emulator, Android Studio, VSCode, Node.js, JDK

  • Storage space required: At least 50GB

Learning Materials ๐Ÿ“œ

  • There are important materials at the bottom of each lecture! If there are development terms that are omitted from the lecture or if you need code, etc., please refer to the bottom of the lecture.


Player Knowledge and Precautions โš 

  • This course is about learning the basic grammar of React and React Native. If you know React, you can easily take the course, but even if you don't know React, you can take the course without any problems.

  • This course was planned and recorded in December 2024 - January 2025.

  • This course will be updated regularly based on your reviews and React Native version updates.


  • I would appreciate it if you could listen to the lecture while doing the practical training.

  • This course supports Q&A, so you can ask the community any questions you have.


  • This course can only be taken by students who have paid for the course.

    Sharing and derivative works are prohibited.

  • This course uses the Windows (Android) environment.

  • You can also practice sufficiently in a macOS (iOS) environment.

Invest 13 hours and become a full-fledged app developer .

Recommended for
these people

Who is this course right for?

  • People who want to turn their ideas into apps themselves

  • People who want to get into app development

  • People who want to try making their own app

  • People who want to get a job as app developers

  • Those who want to quickly learn app development and create a side project

  • Those who were interested in the app development field

Need to know before starting?

  • React.js (optional)

  • Javascript (optional)

Hello
This is

32,809

Learners

70

Reviews

4.7

Rating

1

Course

IT Share is a group of experts that provides everything you need to know about IT roles.

Curriculum

All

119 lectures โˆ™ (13hr 26min)

Course Materials:

Lecture resources
Published:ย 
Last updated:ย 

Reviews

All

8 reviews

2.9

8 reviews

  • kdh199511182887๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    kdh199511182887

    Reviews 1

    โˆ™

    Average Rating 5.0

    5

    52% enrolled

    Please review the entire video again. There are too many strange parts in the editing, and there are too many parts where code is suddenly added without explanation.

    • junghw
      Instructor

      Hello, I am Jeong Hyeon-woo, a knowledge sharer. Before writing a comment, I would like to sincerely apologize for my lack of experience in reviewing the video. When reviewing the entire lecture, I think there were many mistakes in the so-called video cut editing because I focused on students taking the class quickly. I sincerely apologize for this, and I plan to revise the lecture by re-editing the entire video within September to make it more stable and adding explanations for all changes in the video. I apologize to the students for sending out an insufficient lecture, and I would also like to express my gratitude for giving them a high rating despite the lecture being insufficient. I will revise the lecture as soon as possible within September. Thank you.

  • moondj3504๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    moondj3504

    Reviews 6

    โˆ™

    Average Rating 4.8

    5

    100% enrolled

    Thank you.

    • junghw
      Instructor

      Congratulations on finishing the course, and thank you so much for your valuable review!๐Ÿ˜Š๐Ÿ˜Š๐Ÿ™‡โ€โ™‚๏ธ

  • purum๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    purum

    Reviews 3

    โˆ™

    Average Rating 4.0

    4

    32% enrolled

    • junghw
      Instructor

      Hello, David! Thank you so much for leaving a good review about the course after the renewal. I would be grateful if you could take the course until the end :)

  • nanyahoo8323๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    nanyahoo8323

    Reviews 9

    โˆ™

    Average Rating 4.3

    1

    83% enrolled

    First of all, since my skills are far inferior to the instructor, I quickly skimmed through the entire lecture rather than reading it thoroughly. This may be unpleasant for the instructor, but I will explain it from the perspective of someone who doesn't know. 1. There is a problem with the lecture sound. 2. The video quality is not that bad, but I am not completely unfamiliar with React, but I do not have a reference project, and as someone who is seeing React Native for the first time, it is not easy to follow. The lecture skips over parts here and there. Of course, it may be because I do not understand it, but there are definitely parts that are not recorded between the first and second lectures. And there are too many OBS tool changes during the lecture. 3. It felt like a lecture that was given alone. I do not know if it is because of the time constraints, but it feels like it is skipping ahead rather than helping the audience understand, so it is a bit disappointing. In conclusion~ I learned that React Native looks like this. And I also learned that mobile apps use these things. Later, ah~ I saw something like this in that lecture, and I think it will be helpful when I do it. Thank you.

    • junghw
      Instructor

      Hello nannyahoo, I am knowledge sharer Jeong Hyeon-woo. First of all, I sincerely thank you and apologize for taking the time to listen to some lectures that have not been renewed yet due to the library closure and for your valuable criticism. I sincerely apologize for the lectures where I was not able to pay perfect attention to details, and it is not that you were wrong, but there were lectures before the renewal where the progress was handled too hastily, and there were also lectures before the renewal where there was hasty editing. However, in this renewed lecture, the issues you mentioned have been completely improved. The lecture renewal is scheduled to be completed this Sunday, "9/22", so please take note. I apologize for not being able to provide satisfactory lectures, and I will come back with better renewed lectures.

  • fassam21918๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    fassam21918

    Reviews 4

    โˆ™

    Average Rating 4.0

    1

    17% enrolled

    Did you upload the lecture less? The calculator app suddenly started during the second hour, and I don't even know that Android Auto was running in the middle and that it was linked. What is this?

    • junghw
      Instructor

      Hello, this is knowledge sharer Jeong Hyeon-woo. I'm sorry ๐Ÿ˜ข.. Currently, I have to completely renew the lecture due to the library closure, but my personal schedule overlaps perfectly with the renewal period ใ…œใ…œ So I'm uploading the lectures sequentially now, so I would appreciate it if you could take note of this. For now, I'm trying to keep the renewal period as tight as possible, so I would appreciate it if you could wait a little bit. I'm sorry ๐Ÿ™‡โ€โ™‚๏ธ And the part you asked about is confirmed to be the second time in the calculator app section. Please understand this.

IT Share's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!