Course curriculum

  • 1

    We Welcome You To React Native Router Course

    • How to Progress in In This React Native Router Course

    • How To Get Help?

    • Github Repo
  • 2

    Set Up For Windows

    • Tools We Need for React Native CLI

    • React Native Windows Setup

    • How to Start Emulator In Android Studio
  • 3

    Set Up For OSX

    • Tools We Need For Installation React Native on OSX

    • React Native OSX Setup

    • Start the Emulator
  • 4

    React Native and Expo

    • React Native on Mobile Device

    • Expo CLI Project
  • 5

    React Native and JSX

    • How To Create An App

    • See Content on Emulator

    • Why Do We Need React and React Native?

    • Es6 Syntax ( Let,Const, Var )

    • How To Show Component on Device

    • How to Build Our First App

    • How To Connect A Component To The Root Component

    • Import A Component To Another Component
  • 6

    Styling For React Native

    • Styling With JSX

    • Displaying Of Views

    • Header Component’s Styling

    • React Props

    • How To Reuse Code With Props System
  • 7

    API Request With React Native

    • How To Show a List To The User

    • The List Component

    • Func Component vs Class Based Component
  • 8

    LifeCycle Methods

    • When Do We Need Lifecycle Methods?

    • LifeCycle Methods

    • Making Request With Axios
  • 9

    State in React Native

    • What Is State And How To Initial State

    • Using of State

    • A Component’s Lifecycle With State

    • List Component

    • List Item Component

    • Reusable Components

    • Styled Component for ListItems

    • Usage of Props.children

    • ItemSection
  • 10

    Layout With Flexbox

    • Intro to the Flexbox

    • Section Header Component

    • How To Show An Image

    • Scrollable Content

    • User Interaction with React Native

    • Event Handlers

    • How To Open Another App (Browser)
  • 11

    Router Expo CLI Project

    • Router Expo CLI Project

    • See The Content On A Device or Emulator

    • What Is Router And Installation
  • 12

    Flatlist

    • Flatlist

    • Rendering A List With FlatList

    • How Does FlatList Work

    • Giving the Key Prop

    • FlatList Props
  • 13

    Route Different Screens

    • Book Detail Screen

    • Navigate Between Screens

    • Data Transfer Between Screens
  • 14

    Final Words

    • What We Learned In this React Native Router Course
  • 15

    Bonus

    • Bonus