This repository contains a simple React Native project for demonstrating various features and concepts.
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.
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.
Navigate into the project directory:
cd react-native-example
Install the project dependencies with Yarn:
yarn install
Now you can run the app on your local machine.
yarn start
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!
-
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.
Android | iOS |
---|---|
iOS |
---|
https://github.com/david-potgieter/react-native-example/assets/2729962/bca862b9-cdd0-49c6-8604-1ee6d5022b68 |