https://github.com/renanmav/react-native-pokedex

🐾 Pokedex built with react-native
https://github.com/renanmav/react-native-pokedex

code-challenge pokeapi react-native

Last synced: about 2 months ago
JSON representation

🐾 Pokedex built with react-native

• Host: GitHub
• URL: https://github.com/renanmav/react-native-pokedex
• Owner: renanmav
• Created: 2024-11-12T17:17:09.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-13T16:41:33.000Z (about 2 months ago)
• Last Synced: 2024-11-13T17:37:04.293Z (about 2 months ago)
• Topics: code-challenge, pokeapi, react-native
• Language: TypeScript
• Homepage:
• Size: 1.03 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-native-pokedex

Simple pokedex integration with react-native.

> [!NOTE]

> Check out the demo videos:

>

> - First iteration: https://www.loom.com/share/39c04faa191342e1bf8382bb119aa32a

> - Second iteration: https://www.loom.com/share/c11fbc46eb6d4baa966bc98fdf81abae

Bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli). Opted-out from Expo to check out the RN CLI.

Time invested _(approx)_: 10h

## Highlights

- [**New architecture**](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here): React Native 76 has the new bridgeless architecture enabled by default.

- [**React navigation v7**](https://reactnavigation.org/docs/getting-started): it was recently launched ([blog post](https://reactnavigation.org/blog/2024/11/06/react-navigation-7.0)) and I wanted to try out the Static API.

- [**Flash list**](https://shopify.github.io/flash-list): really fast and performant list component from Shopify. 

- [**Recoil + MMKV store**](https://recoiljs.org/docs/introduction/getting-started): global state management using Recoil with [react-native-mmkv](https://github.com/mrousavy/react-native-mmkv) persistence.

- [**TanStack's Query**](https://tanstack.com/query/latest/docs/framework/react/react-native): AKA React Query as the data fetching library, consuming [PokeAPI](https://pokeapi.co).

- [**NativeWind**](https://www.nativewind.dev): tailwind CSS styling on React Native.