The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.
Background knowledge on the 6th standard specification (ECMAScript 6) of JavaScript, the development language for React Native
React background knowledge, the foundation of React Native
How to compose a screen by learning how to use basic components in React Native
How to switch and connect screens (Stack, Drawer, Tab) through learning React Navigation
How to use Phone Resources such as Contacts/Camera/Gallery
How to create animations such as images and texts
Tips for advanced coding in React Native (debugger, creating reusable components, etc.)
Basic knowledge to become an iOS/Android App Front-End developer
Skills to develop and solve problems on your own by utilizing the official documentation of React Native and related 3rd Party Libraries
Try your hand at developing mobile apps with React Native!
" No to app programming that just starts and never finishes!!
I'm now an app developer with React Native !!!"
This section will introduce React Native and explain how to set up a development environment . React Native, a cross-platform framework for mobile apps, is designed to help you understand React Native in general, including how a single codebase can run apps on iOS and Android, and the prerequisite knowledge required for React Native development. We will also explain how to install programs and tools for React Native development . Setting up an environment for React Native development can be tricky. Since the versions of each program and tool are specified, you don't have to worry about compatibility issues. This section is designed to lower the hurdles for setting up the environment by installing them one by one.
This section explains how to run your development code on the Android Emulator and iOS Simulator . While React Native is a cross-platform framework, there are some differences in the style and characteristics of native components offered by iOS and Android. This section is designed to allow you to check the output screen rendered on various devices by running each simulator.
This section will cover the basic grammar of ECMAScript 6 (ES6), the prerequisite knowledge for React Native development . This section focuses on the core concepts primarily used in React Native development, minimizing unnecessary learning and ensuring efficient prerequisite knowledge acquisition .
This course will cover the basic React grammar, essential for React Native development . This course will utilize React Native code to provide explanations, allowing you to become familiar with the language. Furthermore, this section focuses on the most essential aspects of React Native development, ensuring efficient learning .
This course will cover the fundamentals of React Native grammar . Learn the basics of using the various components that make up an app screen (View, Text, Button, Image, TextInput, etc.) and delve deeper into advanced screen rendering using combinations of these components . This section is designed to help you learn the basic grammar and advanced content needed to build a single screen.
This section will explain the basic syntax of React Navigation, a 3rd party library that helps with screen transitions . It will cover the most recent updated version 5, and you can learn about Stack Navigator (screen transition using buttons), Drawer Navigator (new windows that open on the left and right sides of the screen), Tab Navigator (screen transition using the Tab button), and Vector Icon (using various convenient pictograms). In addition, this section is designed to allow you to learn various and abundant screen transition methods through designing a screen tree structure (nesting navigator) through a combination of each navigator .
This section explains how to utilize smartphone resources . To access device resources like contacts, camera, and gallery in an app, installation of additional third-party libraries is essential, and access permissions must be determined first. This section explores authorization methods for utilizing device resources based on iOS and Android security policies , and provides practical guidance on how to use smartphone resources through actual development .
This section explains how to add animation effects to shapes and text . React Native supports animation effects. This section covers not only effects like color, transparency, rotation, and movement , but also how to create diverse and rich visual effects through combinations of animation effects (interpolation, sequence, parallel) .
This course covers the advanced skills required for React Native development . Beginning with an introduction to the Debugger, essential for advanced coding, you'll learn how to create and use reusable components, and how to output different results for different platforms. This section aims to provide more advanced learning and acquire practical skills for real-world use .
We'll explain the journey after completing this course . This course covers the basics of React Native, but understanding the concepts of Redux and the backend is essential for actual app development and collaborative work in the field. A follow-up course is now open , where you'll learn Redux and develop an actual app through advanced coding! If you'd like to learn advanced topics like implementing a login process and receiving and outputting data from the server, please take the next course.
_Lecture_Image.jpg?w=960)
Practical React Native for iOS/Android App Development - Intermediate
Try your hand at mobile app development with React Native!
React Native development requires knowledge of ECMAScript 6 (ES6) and React , but only a small portion of that knowledge is actually utilized in React Native development. Studying everything without knowing what to learn is highly inefficient . Therefore, this course focuses on the core elements of React Native development . We hope you enjoy learning the fundamentals of React Native in a single lecture.
This course aims to teach you the fundamentals of React Native for mobile app front-end development . It provides detailed explanations to solidify your foundational knowledge , and includes supplementary explanations for any concepts that may be difficult to understand, even if they aren't React Native-specific. Even beginners to React Native will find it easy to understand.
This course covers the latest version of React Navigation, Version 5. Significant changes have occurred since the update from Version 4. This course is designed to help you learn the latest version of React Navigation by covering topics difficult to grasp through actual coding and reviewing the official documentation .
This course is designed to be easily followed by non-majors . Not only does it use a scripting language and API with a low barrier to entry, but it also carefully adjusts the difficulty and tempo of the coding process and explanations to ensure easy learning. We hope that even non-experts taking their first steps into the world of app development will find success as app developers through this course.
● This course uses a Mac . Please set up a Mac environment.
● This course uses the React Native CLI . Expo CLI, an alternative to React Native CLI, may be easier for beginners, but it offers significantly less freedom in terms of development. Learn how to use React Native CLI to overcome its limitations.
(※ Please understand that responses to this lecture may be delayed due to circumstances of the knowledge sharer.)
Who is this course right for?
Anyone who wants to learn Front-End development of Native Mobile Apps
Those who feel the high barrier to entry for Swift language for iOS app development or Java/Kotlin language for Android app development. Or those who have already experienced the height of the barrier.
Anyone looking for an app development method that is easy for non-experts to learn based on a language/API with a low entry barrier
If you want to try mobile app front-end development but are wondering which platform is better between iOS and Android
Anyone who wants to run apps on iOS and Android with just one code development
If you want to learn React Native but find it burdensome to learn ES6 (ECMAScript 6) and React prerequisites
Anyone who wants to build a development stack as a Mobile App Front-End developer for employment/career change
Anyone who wants to acquire mobile app development skills in a short period of time for starting a business
Anyone who wants to learn Mobile App Front-End development easily and enjoyably
Need to know before starting?
Understanding JavaScript is required. However, it might not be a bad idea to just start. ^^;; Since it is based on an intuitive Script language, it is easy to understand, and you will quickly get used to it as you code together. However, for those who are worried about the lack of JavaScript prior knowledge, I strongly recommend taking 'Section 2: ECMAScript 6 (ES6)', which covers the 6th standard specification of JavaScript.
2,402
Learners
147
Reviews
82
Answers
4.6
Rating
2
Courses
안녕하세요. 여러분들께 React Native 지식을 공유해드릴 Wintho 입니다.
저는 Computer Vision을 전공하여, 자동차 업계에서 자율주행 시스템을 개발했고, 현재는 로봇 업계에서 사물인식, 장애물 회피 등의 영상처리 Alg.을 개발하는 개발자입니다.
새로운 영역에서의 개발 Stack을 쌓아보고자 취미로 앱 개발을 시작했습니다. Java와 Swift 언어로 Android/iOS 네이티브 앱 개발도 해봤지만, React Native 만큼 진입장벽이 낮고 개발이 용이한 API도 없다고 생각됩니다. 쉬운 데다가 단 하나의 코드로 iOS/Android 동시 개발이 가능하다는 건 더할 나위 없는 메리트겠죠? :):)
외국에서는 이미 Mega Trend의 흐름에 합류하여 개발자들의 Community도 급증하고 있는 React Native입니다. 국내에서는 React Native의 명성에 비해 그 인지도가 낮은 것이 현실이고요. 많은 분들께 React Native의 훌륭함을 공유해드리고자 본 강의를 제작하게 되었습니다. 수업을 통해 목말라했던 지식을 습득하시는 유익한 시간이 되시길 바라며, 그를 통해 국내에서도 React Native 개발자들의 Community가 활성화 되길 바랍니다.
그럼 강의에서 뵙겠습니다. 감사합니다. ^^;
All
78 lectures ∙ (7hr 8min)
9. var, let, const
08:19
10. String Literal
03:08
11. for... of loop
03:06
12. Rest Operator
02:35
15. Arrow Function
05:23
16. Class
06:37
All
120 reviews
4.6
120 reviews
Reviews 1
∙
Average Rating 5.0
5
I am a job seeker who dreams of becoming an app front-end developer. Looking at recent job postings from startups, I see that many are looking for React Native developers. While looking for React Native lectures, I think I found the perfect lecture for me. I have only touched a little bit of coding, so I am still at the baby steps stage, but the instructor's explanations were kind and easy to follow. Above all, I was worried about installing tools and setting up the environment, but I followed the lecture instructions and there were no major problems. I am still in the beginning stages of the course, but the structure and content seem very good. They even explained the background knowledge necessary for React Native development, so I didn't need to take another lecture. I am looking forward to the remaining lectures. Thank you for uploading such a great lecture.
Hello Jazz i. Thank you so much for leaving a good review. I'm so glad that my lecture was helpful to you!! :]:] Through the lecture, you will be able to solidify the basics. I hope you do your best in the remaining lectures and achieve your goals. :):) Thank you!!
Reviews 2
∙
Average Rating 5.0
5
I took the course because I wanted to try app development. I don't know much about the app development world, but I think React Native is a good tool in many ways. It's not as difficult as I thought. The explanations are easy and friendly, so I'm learning without difficulty. This is a very helpful course for someone like me who doesn't know how to code and is just starting to study app development. Thank you.
Hi Jake Kim. Thank you for leaving a great review. I'm glad that my lecture was helpful to you. :):) I think React Native will feel less difficult because it uses a relatively easy language/API. Being able to develop Android and iOS simultaneously is also a big advantage!! If you're new to coding, there may be some difficult parts, but I hope you don't give up in the middle and finish it to the end to achieve your goals. :):) Thank you so much for leaving a great review!!
Reviews 2
∙
Average Rating 5.0
5
Hello. I took this course because I had to use react-native. I think there is no other course better than this one for beginners. The course was so clear that I didn't realize how much time had passed. When will the next advanced course be released? I'm looking forward to it.
Hello, fontj. Thank you for leaving such a great review. I feel like all the hard work I put into preparing and producing the lectures has been rewarded. Thank you so much. The next intensive lecture is currently in the preparation and start stage. It will take some time to prepare and actually record, but we are working hard to open it as soon as possible. Please understand that I cannot rush because I am busy with my work. We will come back with a quality lecture that will satisfy you even more next time. I hope you do your best for the remaining lectures and achieve your goals :):) Thank you so much for leaving a good review!!
Reviews 1
∙
Average Rating 5.0
5
This is the lecture I was looking for. For those who desperately need a React Native lecture, this is an oasis in the desert. Thank you for the great lecture.
Hello, Minjun Kim. Thank you for leaving such a great review. I'm glad that this course was helpful. I hope that this course will help React Native beginners like Minjun Kim and expand their pool of React Native developers. Thank you so much for leaving such a great review!! :):)
Reviews 1
∙
Average Rating 5.0
5
I came here after taking another course and I am very satisfied. I liked that there were no contract terms or commercial purposes with the platform company, and the instructor's genuine passion for the course was evident. I also liked the teaching method of teaching how to fish rather than just catching fish. All programming languages tend to have new updates or library compatibility issues, but thanks to the instructor teaching how to fish, I had no problem following the course. The course was created last year, but the content is still good for learning. I came here after going through several React Native courses, and it seems to be the best in Korea. When will the next course be released?
$42.90
Check out other courses by the instructor!
Explore other courses in the same field!
![[Renewal] Creating NodeBird SNS with React강의 썸네일](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
![Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]강의 썸네일](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
![[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)