Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Mobile Application Development

React Native for Beginners

This is a lecture for beginners of React Native who can create mobile apps using JavaScript. Learn the basic knowledge required to develop React Native and proceed with a simple project.

(4.7) 45 reviews

861 learners

  • beomjun
React Native
JavaScript

Reviews from Early Learners

What you will learn!

  • React Native

  • React (Components, Hooks, Context API)

  • styled-components

  • React Navigation

  • iOS/Android App Distribution

Mobile apps made with JavaScript! 📱
Learn the fundamentals of React Native.

📋 Course Introduction

To build mobile apps, you had to learn separate languages for each platform, like Swift or Kotlin . However, React Native allows you to develop iOS and Android apps using JavaScript.


[ React Native Showcase ]

There are quite a few services that utilize React Native. These include familiar platforms like Facebook and Instagram, as well as companies like Shopify and Salesforce .

In this course, we will learn the basics of React Native for those who know JavaScript.
In the process, we cover:

  • React Native with Expo
  • React Components
  • React Hooks
  • React Context API
  • styled-components
  • React Navigation
  • iOS, Android app distribution

By the end of this course, you'll not only have a solid grasp of React Native's fundamentals, but also the necessary React knowledge to use it. Finally, you'll learn how to deploy iOS and Android apps and how to modify deployed apps using only JavaScript.

You too can get started with React Native through this course and create your own service with React Native!

📱 Project

Using what you learned in class, you will complete two simple projects.
The full source code for the project is available on GitHub. ( Link )

TODO App

Chat App

📗 React Native for Beginners

This course is based on learning React Native for the first time (Hanbit Media) .
This course covers the basics for beginners who are new to React Native.
We will apply what we learned in the lecture by creating a TODO app and a chat app, and cover how to use some of the libraries (e.g., styled-component, React Navigation, etc.) that are necessary in the process.

❓ Expected questions related to the lecture

Q-1. How much JavaScript do I need to know? (What defines "JavaScript Basics"?)

A-1. You must be able to use JavaScript and understand code. For more detailed information, please refer to the video "Preparing for the Course" in the second lecture of Section 0. If you feel you are not ready for the course, I recommend studying JavaScript further before proceeding.

Q-2. Do I need to know React to get started?

A-2. You don't need to know React. When I first started with React Native, I didn't know anything about it. The lecture also covers the React components necessary for React Native, so you can proceed with just a basic understanding of JavaScript.

Q-3. Why use Expo?

A-3. Expo allows you to develop and test using your current mobile phone. It's independent of the user's environment, allows for progress without having to run a virtual device, and offers ease of use when using certain libraries. Therefore, I believe it's the best choice for beginners to React Native.

Learning Environment Guide

  • This course uses Visual Studio Code. You can also use your favorite editor.

Recommended for
these people

Who is this course right for?

  • For those interested in React Native

  • For those who are new to React Native

  • For those who want to create a mobile app

  • For those who want to try something other than the web with JavaScript

Need to know before starting?

  • JavaScript Basics

Hello
This is

비개발자 혹은 프로그래밍 초급자를 대상으로 꾸준히 개발 교육을 진행해 왔습니다. 

제 경험과 지식이 여러분에게 도움이 되길 바랍니다.

감사합니다 :)

Curriculum

All

75 lectures ∙ (11hr 0min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

45 reviews

4.7

45 reviews

  • 이태광님의 프로필 이미지
    이태광

    Reviews 2

    Average Rating 5.0

    5

    92% enrolled

    제가 15년차 자바 개발자 입니다. 이번에 사람들 끼리 모여서 앱을 구상중인데, 이전에 리액트 책도 좀 보고 강의도 보았는데, 리액트 네이티브에 대해 잘 몰라서 이 강의를 듣게 되었는데요. 아주 많은 도움이 되었습니다. 앱을 하나 구성해서 만드는데 크게 문제가 없을거 같습니다. 감사합니다. 김범준 강사님.. 이런 강의 많이 올려 주세요. ㅎㅎㅎ

    • 김범준
      Instructor

      안녕하세요 이태광님, 강의가 도움이 되었다니 다행이네요 :) 기획 중인 앱도 성공적으로 완성하길 바랍니다~ 즐거운 하루 되세요 감사합니다 :)

  • Schidshow MilkyWay님의 프로필 이미지
    Schidshow MilkyWay

    Reviews 2

    Average Rating 5.0

    5

    87% enrolled

    잘 보고 있습니다. 상당히 강의가 스피디해서 짧은시간에 많은 정보로 꽉 채워진 느낌을 받아 저에게 잘 맞습니다. 끝까지 잘 보고 많이 배워가도록 하겠습니다.!

    • 김범준
      Instructor

      Schidshow MilkyWay님, 수강평 감사합니다 :) 강의가 잘 맞는다니 다행이네요 :) 진행하면서 궁금한점은 언제든지 질문 올려주세요~ 항상 건강하시고, 즐거운 하루 보내세요~ 감사합니다

  • 강유정님의 프로필 이미지
    강유정

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    좋은 소식 감사합니다

    • 김범준
      Instructor

      안녕하세요 강유정님, 수강평 강사합니다 :) 항상 건강하시고, 즐거운 하루 보내세요~ 감사합니다

  • 이종엽님의 프로필 이미지
    이종엽

    Reviews 1

    Average Rating 5.0

    5

    83% enrolled

    강의가 참 좋습니다. 공부하는데 정말 많은 도움이 되었습니다. 다만....프로젝트에 대한 최종 소스는 제공되지 않나요?

    • 김범준
      Instructor

      안녕하세요, 이종엽님, 도움이 되었다니 다행이네요 :) 좋은 평가 감사합니다 :) 프로젝트 전체 소스는 아래 링크에 있습니다. https://github.com/Alchemist85K/inflearn-react-native 제가 강의 소개에 링크를 올렸다고 생각했는데 지금 확인하니 링크가 안보이네요 ;;;; 강의 수강에 불편을 드린것 같아 죄송합니다. 좋은 평가 다시 한 번 감사드립니다. 즐거운 하루 되세요 감사합니다

  • Lucy Kim님의 프로필 이미지
    Lucy Kim

    Reviews 2

    Average Rating 5.0

    5

    5% enrolled

    리액트 네이티브를 어떻게 시작해야 할지 감이 안잡혀서... 여러 가지 책이나 영상을 찾아보다가 이 강의를 듣기 시작했는데요 예제와 함께 쉽게 설명해주셔서 많은 도움이 되었습니다. 특히 중간에 프로젝트를 통해 배운 내용을 실제로 적용해보는게 저에게는 이해하는데 정말 많은 도움이 되었습니다.

    • 김범준
      Instructor

      안녕하세요 Lucy Kim 님, 강의가 도움이 되었다니 다행이네요 :) 좋은 수강평 감사합니다 :) 궁금한 내용은 언제든지 질문 올려주세요~ 즐거운 하루 되세요~ 감사합니다

Access is restricted to non-public courses.
Private Course

Similar courses

Explore other courses in the same field!