React Native Projects

Video description

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.

What You Will Learn

  • Develop fast, hyper-engaging, user-centric cross-platform mobile apps with React Native
  • Build cross-platform components that handle real-world problems
  • Acquire a deeper understanding of third-party libraries that handle common elements in mobile applications
  • Design scalable code to manage cross-platform concerns
  • Gain insights into the React Native ecosystem
  • Take your UI skills to the next level by working with a GitHub repo app
  • Learn how hooks leverage code sharing via a practical example
  • Develop a Time Tracker app to analyze time spent on a particular task using the React Native for Windows framework


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.

About The Author

Christopher Reyes: Christopher Reyes is a software engineer in Southern California with a Bachelor of Science in Computer Information Systems with a specialization in software development. He has multiple years of experience working across multiple technologies including proprietary programming languages, and full stack JavaScript.

Chris has experience on the back end with Node.js developing Restful APIS with typescript, and exposing data through GraphQL and Apollo, while utilizing React on the front end. Chris has utilized React Native to develop versatile mobile applications that can be utilized across multiple devices and platforms. Chris has mostly worked in the financial sector and has also freelanced for a telematics company. Chris is passionate about test-driven development and writing clean code.

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