README.md

React Native Examples

👉 This repository contains most of the examples I've created on React Native. You may find some of the examples being outdated in time, in terms of framework updates or libraries. Don't worry the concept would be the same.

Custom Modal Using ActivityIndicator as a Component hook in React Native

• 🐙 Repo

This example uses:

• React Native 0.71.2
• React Navigation Stack 6.9.9
• Description: A modal was used to cover the whole screen, inside the modal it has an ActivityIndicator, so you can customize everything

Custom Modal Using Rive as a Component hook in React Native

• 🐙 Repo

This example uses:

• React Native 0.71.2
• React Navigation Stack 6.9.9
• rive-react-native 3.0.41
• rive Community
• rive quick-start
• rive android Doc
• Description: A modal was used to cover the whole screen, inside the modal it has an Rive, you can call different methods depending on the animation you want to show

Simple Example MongoDB CRUD ES6+

• 🐙 Repo

This example uses:

• React Native 0.68.2
• React Navigation Stack 6.6.2
• Description: It is just an example of how to implement mongodb CRUD, the backend is in ES6+

Custom Card Using Styled Components and lottie in React Native

• 🐙 Repo

This example uses:

• React Native 0.70.5
• styled components 5.3.6
• React Navigation Stack 6.9.1
• Vector Icons 9.2.0
• lottie 5.1.4
• Description: I put two buttons, one is an icon button, and the other is a lottie button.

example of zustand (shopping cart)

• 🐙 Repo

This example uses:

• React Native 0.70.5
• React async-storage 1.17.10
• zustand 4.1.4
• react bounceable 1.0.3
• React Navigation Stack 6.9.1
• Vector Icons 9.2.0
• Description: custom components are used for counter, buttons. everything else is using a flat list

example of Buttons

• 🐙 Repo

This example uses:

• React Native 0.71.2
• React Navigation Stack 6.9.9
• Vector Icons 9.2.0
• Description: is a button component which is highly customizable to receive different icons, images or styles

example of Input

• 🐙 Repo

This example uses:

• React Native 0.70.5
• React Navigation Stack 6.9.1
• Vector Icons 9.2.0
• react-native-awesome-text-input 1.1.5
• Description: is a Input component which is highly customizable to receive different styles