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.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Getting Prepared for React Native Projects
    1. Course Overview 00:03:44
    2. Setting Up the Development Environment 00:06:58
    3. Examining the React Native Ecosystem 00:06:52
    4. Overview of Project Approach 00:03:15
  2. Chapter 2 : Mastering CRUD Operations and Navigation with the Notes Application
    1. Setup and Review a Project Created with the react-native-cli 00:06:46
    2. Reviewing Note Application: Requirements and User Stories 00:03:04
    3. Developing a Layout for Application with NativeBase 00:05:18
    4. Reviewing Hooks 00:08:40
    5. Advanced Navigation with React Navigation 00:08:31
    6. Working with Async Storage to Perform CRUD Operations 00:10:39
  3. Chapter 3 : Working with Multiple APIs with the Cat Facts Application
    1. Setting Up and Reviewing a Project Created with Expo 00:07:37
    2. Reviewing Cat Facts: Project Requirements and User Stories 00:03:08
    3. Examining the Image and FlatList Component in React Native 00:08:07
    4. Navigation with react-native-router-flux 00:08:22
    5. Adding Styles with React Native Elements 00:07:58
  4. Chapter 4 : Enhancing UI Skills with the GitHub Repo Application
    1. Setting Up and Reviewing a Project Created with the ignite-cli 00:06:11
    2. Reviewing GitHub Repo Application: Project Requirements and User Stories 00:02:53
    3. Styling in React Native 00:06:00
    4. NativeBase Component Examination 00:07:55
    5. Handling User Interactions 00:10:25
  5. Chapter 5 : Managing State with the Expense Tracker Application
    1. Examine the Context API 00:05:38
    2. Review useContext and useReducer Hooks 00:08:09
    3. Developing a Form to Save Expenses 00:09:20
    4. Creating Another Form to Review Expenses 00:12:39
    5. Storing Expenses in Async Storage 00:08:14
  6. Chapter 6 : Tracking Time with React Native for Windows
    1. Setting Up React Native for Windows 00:06:30
    2. Reviewing Time Tracker: Requirements and User Stories 00:03:02
    3. Developing UI to Track Time 00:07:42
    4. Introducing Resources for Extended Learning 00:03:45

Product information

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