Practical React Native for iOS/Android App Development - Intermediate

Section 0: Intro

This course is designed for those seeking an A-to-Z experience in app development. We'll cover both React Native in-depth learning and a Firebase-based backend (server integration) to complete a complete app. This section examines the skills required to become an app developer and allows you to preview the final product.

Section 1: Redux

Redux is an open-source JavaScript library and framework for easily managing app state . As React Native projects grow in size, their component structures become more complex. Redux is a state management library that facilitates easy state sharing and management across all components. Because it offers the best interoperability and synergy with React Native, most React Native developers develop with Redux . This section covers the concepts and operating principles of Redux.

Section 2: Creating and Setting Up a New Project

Implementing a complete app requires designing a project structure . For easy development, designing not only the screen tree structure but also the newly learned Redux system structure and middleware structure for server integration is essential. This can be somewhat complex and challenging. This section covers app structure design and how to integrate Redux with React Native.

Section 3: Implementing the Login Screen (Front-End)

This section covers front-end development of the login screen . To improve development efficiency, you'll create reusable components and define email address/password rules and a validation framework for login. This section also includes verifying the login process and logic using Redux and preparing for integration with a real server.

Section 4: Implementing the Login Screen (Backend)

This section will demonstrate how to implement a login-related backend using Firebase. This section will explain how sign-up information is stored on Firebase servers, how account information can be verified, and what code is needed to automatically log in when the app is closed and reopened. In this section, you'll apply the login process and logic implemented in Section 3 to the Firebase server and see it in action.

Section 5: Implementing the Diary Screen

Beyond in-depth learning of React Native , this course will also cover the core backend CRUD (Create, Read, Update, Delete) of data, along with its implementation . This section aims to develop development skills that cross the frontend and backend , covering topics such as how to utilize Firebase's data storage, how to integrate Firebase with React Native, how to identify users based on login information, and how to set data access permissions.

Section 6: Implementing the News Screen

Public APIs are open APIs provided by government agencies to the public, allowing anyone to access public data. This section teaches you how to utilize public APIs and, through practical implementation , learn how to check COVID-19 status and fine dust levels on an app.

After taking this lecture?

• You will be able to develop a decent app on your own.
• And it's not a stand-alone app, it's an app that communicates with a server!

• This course uses macOS. 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 the React Native CLI to overcome its limitations.
• Please understand that responses to this lecture may be delayed due to circumstances of the knowledge sharer.

Q. What are the benefits of learning React Native?

You can develop iOS and Android apps simultaneously with just one code 🙂

Q. What are the special features of this course?

You'll learn not only in-depth React Native content but also Firebase-based backend (server integration). Understanding the backend is essential for real-world app development and collaborative work!

Q. I don't have a basic understanding of React Native. Can I still take this course?

If you are new to React Native or lack basic development skills, you should first learn the content covered in the course 'Practical React Native for iOS/Android App Development - Basic' .

Q. Do you provide the source code used in the lecture?

Yes, I've uploaded it as a class material . (You can download it by clicking the [Course Materials] button or the cloud icon in the upper right corner.)

Q. Is development only possible in a Mac environment?

No. You can develop React Native on Windows using the React Native CLI , and you can preview your app using the Android Emulator. However, programs like Xcode and the iOS Simulator only work on Macs, making it difficult to preview your app on an iPhone.