React Native Projects

Video description

Expand and enhance your skills by building multiple practical, real-world projects with React Native.

About This Video

  • Develop practical cross-platform projects with React Native using several of its most popular packages
  • Strengthen your React Native skills by building a scalable codebase that enhances code sharing
  • Get to grips with React Native for Windows, a powerful framework for building native Windows apps with React

In Detail

Understanding essential React Native concepts and how it differs from React, can be difficult to translate into a working proof of concept. It is imperative to utilize your skills and knowledge in real-world projects in order to implement solutions when in the workplace or developing your own application.

This course aims to bridge the gap between the primary knowledge of React Native and its implementation. Focusing on developing several practical applications to handle issues such as navigation, state management, and UI/UX concerns.

You'll start by developing a Note application that uses Async storage to persist notes. Then learn how to fetch data and images from external APIs for your project and enhance your UI skills. Then finally, you'll learn how to perform effective state management and develop a useful project using the React Native for Windows framework.

By the end of this course, you will have gained the experience needed to make confident decisions when it comes to application development with React Native.


You should already be familiar with React Native and want to get your projects up-and-running via a few advanced, lesser-known features and methodologies.

If you want to take the next step in enhancing your skills, this video course will help you connect the dots by building several practical projects.

Requirement: A fundamental working knowledge of React and JavaScript is assumed.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Getting Prepared for React Native Projects
    1. Course Overview
    2. Setting Up the Development Environment
    3. Examining the React Native Ecosystem
    4. Overview of Project Approach
  2. Chapter 2 : Mastering CRUD Operations and Navigation with the Notes Application
    1. Setup and Review a Project Created with the react-native-cli
    2. Reviewing Note Application: Requirements and User Stories
    3. Developing a Layout for Application with NativeBase
    4. Reviewing Hooks
    5. Advanced Navigation with React Navigation
    6. Working with Async Storage to Perform CRUD Operations
  3. Chapter 3 : Working with Multiple APIs with the Cat Facts Application
    1. Setting Up and Reviewing a Project Created with Expo
    2. Reviewing Cat Facts: Project Requirements and User Stories
    3. Examining the Image and FlatList Component in React Native
    4. Navigation with react-native-router-flux
    5. Adding Styles with React Native Elements
  4. Chapter 4 : Enhancing UI Skills with the GitHub Repo Application
    1. Setting Up and Reviewing a Project Created with the ignite-cli
    2. Reviewing GitHub Repo Application: Project Requirements and User Stories
    3. Styling in React Native
    4. NativeBase Component Examination
    5. Handling User Interactions
  5. Chapter 5 : Managing State with the Expense Tracker Application
    1. Examine the Context API
    2. Review useContext and useReducer Hooks
    3. Developing a Form to Save Expenses
    4. Creating Another Form to Review Expenses
    5. Storing Expenses in Async Storage
  6. Chapter 6 : Tracking Time with React Native for Windows
    1. Setting Up React Native for Windows
    2. Reviewing Time Tracker: Requirements and User Stories
    3. Developing UI to Track Time
    4. Introducing Resources for Extended Learning

Product information

  • Title: React Native Projects
  • Author(s): Christopher Reyes
  • Release date: April 2020
  • Publisher(s): Packt Publishing
  • ISBN: 9781839210112