O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning React Native Development

Video Description

Build native mobile apps for Android and iOS with just one language

About This Video

  • Build dynamic apps for iOS and Android with comprehensive examples
  • Learn the concepts of Redux and state management to build scalable apps
  • Create reusable custom UI components

In Detail

React Native is a JavaScript framework that lets you rapidly build native apps for both iOS and Android using a single language. A React native app is not a hybrid app so it's nearly indistinguishable from native apps built with Java and Objective-C.

Our course is a fast-paced guide to get you started with React Native and building Native mobile apps. The course will give React developers all they need to build native iOS and Android apps. We won't be covering the basics of JavaScript programming or React. We will delve directly into React Native to build native mobile apps. You will learn to develop apps that are fun, unique, and responsive with React Native. Learn React Native fundamentals to build interactive and user-friendly apps. The course aims at teaching you React Native irrespective of the underlying platform so that you can learn once, write anywhere.

This course adopts a practical approach to get you building apps as soon as possible. With this course, you will get minimal theory and maximal action, with compelling illustrative examples and clear explanations.

The code bundle for this video course is available at https://github.com/PacktPublishing/Learning-React-Native-Development

Table of Contents

  1. Chapter 1 : Getting Started with React Native
    1. The Course Overview 00:03:16
    2. Installation and Setup 00:05:11
    3. Running the Simulator 00:04:48
    4. Understanding JSX 00:04:41
  2. Chapter 2 : Styling with React Components
    1. App Overview 00:04:08
    2. Styling the Header 00:05:23
    3. Structuring the Photo Section 00:06:05
    4. Flexbox 00:05:27
    5. Styling the Photo Section 00:06:46
  3. Chapter 3 : Fetching Dynamic Data
    1. Endpoint to Fetch Data 00:03:22
    2. Functional versus Class-Based Components 00:04:58
    3. Axios 00:03:39
    4. React States 00:05:13
    5. Lifecycle Methods 00:04:44
    6. Looping Through Photo Section 00:04:16
    7. Implementing the Like Button 00:06:29
  4. Chapter 4 : Introducing Redux
    1. What Is Redux? 00:04:55
    2. Managing State Using Redux 00:05:25
    3. Action Creators 00:04:41
    4. Creating the Photos Reducer 00:03:12
    5. Calling Actions from Components 00:05:21
  5. Chapter 5 : Handling Authentication
    1. Login Form Overview 00:04:19
    2. Structuring the Login Form 00:04:44
    3. Firebase Configuration 00:03:36
    4. Managing Input State 00:04:35
    5. Storing Form Input in Reducers 00:05:32
    6. Getting the Form Input Values 00:03:03
    7. Firebase Login API 00:06:14
    8. Login Wrapup 00:04:41
  6. Chapter 6 : Creating Your Own App
    1. App Overview of IdeaPad 00:03:46
    2. Configuring the Database 00:05:02
    3. Structuring the IdeaPad Form 00:04:27
    4. Submitting Ideas 00:05:43
    5. Showing List of Ideas 00:03:25
  7. Chapter 7 : Handling Navigation
    1. React Native Navigation 00:05:01
    2. Navigating Between Screens 00:05:10
    3. Fetching Data from Firebase 00:06:10
    4. Editing Ideas 00:04:46
    5. Editing Action Creator 00:04:48
    6. Deleting Ideas 00:03:27