Your First Program in React Native in 2022

React Native App Online Education 

Welcome Guys, we start working on React Native Projects from this video.  

In this video, we are seeing the preview of the Online Education App in React Native. 

In Online Education App, we make Home Screen, Courses Cards, Course Details, Biodata of Enrolled Students, About Us Screen, Contact Us Screen. Also, we are making only one card and other cards are created automatically using API. 

Then, we have to Install the Expo and create one new project. Then, we learn about How to run the app on Emulator, Mobile, and also on Web Browser

You can check the complete playlist of my React Native 👇

Below is the source of our React Native Online Education App

Please, Subscribe to my channel, By clicking below on the YouTube button 🙏. Always remember you are awesome 😀

My App.js file source code

Now, we will see what is JSX and what are rules we need to keep in mind while writing it on our React Native app?

IMP: JSX is not a special way to embed HTML in JavaScript. All JSX does is replace a file’s with equivalent calls to React.createElement(), we can see it live on Babel.

  • We can refer to JS variables inside a JSX block by using curly braces.
  • Always return JSX using () or grouping tags. Never give the return value undefined.
  • We can assign JSX elements to a variable, then we can show that variable inside a JSX block.
  • We can assemble different JSX elements like normal HTML. (using view)
  • Any JavaScript expression will work between curly braces, including function calls like {getFullName("vinod ", "Bahadur", "Thapa")}

The below code is for the FlatList Video Tutorial number 9th.


  1. source free deke paheli bar life me kuch achha kam kiya he

    sikho kuch

    #harryBhai se

    1. Acha Free education, Free code, Free Coaching Classes sab ache kaam hai na..
      Tho jab company me work krne jatey ho tho Free me kro wha bhi Salary tho chaiye bara bar tab..

      Free me sikha hu Free me kaam krke doonga tho bologey nai ..

    2. sir ji aapke alawa sab log FREE source code dete hai CODE WITH HARRY,FREECODECAMP,BRAD TRAVSERY, WEB BOS....Aur ham tumhari Ads lagai hui hai vo dekhte hai free me nhi sikh rahe hai..Ad bandh krdo to free me compnay k liye kam krenge.... Thannk you

    3. blkl sahi kaha nevil
      we know ap prha rhy lekn youtube ki earning mil rhi he na aapko, smjho wo aapki salary he that's it,

  2. Sir can you create invoice management system for retail shops using react native.

  3. hi, sir kya app ek video android emulator installation kaise karna eska bare me kariye plzzzz