강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Mobile Application Development

Tinder Firebase Clone | React Native

I will help you learn React Native in the shortest possible time. I will not include any unnecessary parts.

(3.0) 2 reviews

28 learners

  • thecodersstudios
리액트네이티브
reactnative
모바일앱
firebase
클론코딩
React Native
Firebase

What you will learn!

  • React Native

  • Firebase

  • Expo

  • React Native Deck Swiper

  • React Navigation

  • ContextAPI

  • Tailwind CSS

React Native + Firebase
Learn the essentials quickly in just 4 hours!

Popular applications on the App Store,
Dating app Tinder clone coding !

Develop practical mobile app development skills by implementing real apps using React Native and Firebase .

Are you talking about me right now?
(Prerequisite: JavaScript, React)

React or
React Native
Someone who knows how to do it

React Native
First time encountering
React users

React Native Basics Only
In a learned state
Real project experience
Those who want to do it

After finishing the lecture
You can do things like this.

  • ✅ You can easily proceed with React Native related projects.
  • ✅ Learn how to use Firebase in React Native.
  • ✅ Learn React Native quickly in just 4 hours.
  • ✅ You can create your own chat application.
  • ✅ You can acquire practical knowledge through real-world projects.

What you'll learn 📚

1) Login screen

You will learn how to implement membership registration and login functions through EXPO GOOGLE AUTH.

2) Profile screen

Learn how to enter and store user information in Firebase.

3) Home screen

You can learn swiping functionality with React Native Deck Swiper.

You will also learn how to render registered user profiles in real time through Firebase.

4) Message screen

Learn how to send and receive messages in real time through Firebase.


What a current full-stack developer tells you
Vivid, real-world mobile app development

1. No unnecessary knowledge was included.

I've taken various courses to learn, and I'm still taking them. However, I'm pressed for time, and many of them spend too much time on unnecessary details. If they taught only the essentials, I could get through them in five or six hours. But skipping lectures that were over 10 or 20 hours long was too much of a struggle. So, I created this short but substantial course to help you learn React Native in just four hours .

2. Contains only practical knowledge.

It contains only knowledge that can be practically used and applied in real-world situations .
Even though we've learned extensive theory, we often don't know how to apply it in real-world projects. Focusing solely on theory without understanding the specific situations in which the code will be used is meaningless. Only by coding directly through real-world projects can we truly grasp the concepts and apply them to our own lives.

3. Easy to get started with minimal initial setup (Expo)

To use React Native, you need to configure Android Studio or Xcode, depending on your operating system. This initial setup is necessary to build a smartphone simulator on your laptop. However, because it's not that simple, it can be difficult to get started with React Native.
However, in this course, we'll use Expo. Simply download the Expo Go app to your smartphone and scan a QR code to start developing apps. So, even if you're new to React Native, you can jump right in and start coding without any pressure .

4. The front-end and back-end were filmed separately.

Some students may only want to learn the React Native front-end, while others may simply want to see how to apply Firebase to React Native. Therefore, to maximize your time, we've structured the course so you can focus on only the essential parts .
Section 1 covers the frontend, while Section 2 covers the Firebase backend. Focus on what you need now and learn conveniently.

The knowledge sharer who created this course is 👀

I've been working as a full-stack developer at a startup for two years.
I currently work at a startup building dashboards for e-commerce, working with developers from Ivy League and FANG (Facebook, Apple, Netflix, Google) teams, primarily focusing on the front-end.

I hope this course, based on my experience, will be helpful to those who want to learn React Native!


Q&A 💬

Q. How much initial setup is required?

First of all, if you have already set up React or React Native, you will have Visual Studio Code and Node.js installed. Those two are all you need!

Q. Can you tell me how to initially set up XCode or Android Studio?

No. Since the goal of this course is to learn React Native in the shortest possible time, I chose Expo. Even without setting up a simulator, you can simply download the Expo Go app on your smartphone and scan a QR code to build the app. Therefore, I won't cover it in this course.

Q. To what extent should I prepare the environment settings?

If you have Visual Studio Code, Node.js, and the Expo CLI installed on your laptop (PC), that's all you need! You'll also need to download the Expo Go application on your smartphone.

Afterwards, if possible, you can configure Android Studio or XCode according to your OS. (It is not required, so don't worry.)

Recommended for
these people

Who is this course right for?

  • Developers who want to learn mobile app development after learning React

  • Developers who want to go beyond the basics of React Native and work on real projects

Need to know before starting?

  • JavaScript

  • React

Hello
This is

Curriculum

All

20 lectures ∙ (3hr 53min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

2 reviews

3.0

2 reviews

  • p01089075877님의 프로필 이미지
    p01089075877

    Reviews 1

    Average Rating 4.0

    4

    100% enrolled

    good

    • 조윤식님의 프로필 이미지
      조윤식

      Reviews 4

      Average Rating 4.3

      2

      50% enrolled

      강의 자료가 현재 지원되지 않는 듯 해서 아쉬워요

      Limited time deal ends in 4 days

      $56,100.00

      25%

      $58.30

      Similar courses

      Explore other courses in the same field!