/react-native-example

RN App to demo different toolsets

Primary LanguageTypeScript

React Native Example

This repository contains a simple React Native project for demonstrating various features and concepts.

Getting Started

Before you start, make sure you have Node.js and Yarn installed. If you don't have these tools installed, please follow the React Native getting started guide to set up your local development environment for React Native.

Cloning the Repository

First, you will need to clone the repository to your local machine. Open a terminal window and navigate to the directory where you want the project to live, then run the following command:

git clone https://github.com/david-potgieter/react-native-example.git

This will create a new directory named react-native-example with all the code of the project.

Installing Dependencies

Navigate into the project directory:

cd react-native-example

Install the project dependencies with Yarn:

yarn install

Running the App

Now you can run the app on your local machine.

yarn start

Running Tests

The project uses Jest for testing. To run the tests, use the following command:

yarn test

You should see output showing the results of the tests.

Congratulations! You've set up the React Native project on your local machine and ran the tests. Explore the project and happy coding!

Tools Used

  • Jotai: A minimalist state management library for React. It is used in this project to manage global state.

  • @tanstack/react-query: A powerful data synchronization library for React that ensures data remains up-to-date and synchronized. One of the key features used in this project is the persist client, which allows data to be persisted offline with minimal effort, enabling offline-first experiences.

  • React Hook Form: A lightweight and efficient form management library for React. It is used in this project for managing form states and validation.

  • Native Base: A popular UI component library for React Native which provides a set of ready-to-use UI components, allowing developers to focus on business logic rather than low-level component management.

Screenshots & Demo

Android iOS
iOS
https://github.com/david-potgieter/react-native-example/assets/2729962/bca862b9-cdd0-49c6-8604-1ee6d5022b68