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

A simple demo of using react native to build a pokedex app
https://github.com/traviskn/react-native-pokedex

Last synced: 7 days ago
JSON representation

A simple demo of using react native to build a pokedex app

• Host: GitHub
• URL: https://github.com/traviskn/react-native-pokedex
• Owner: Traviskn
• Created: 2016-10-11T17:01:29.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-10-12T04:07:20.000Z (over 8 years ago)
• Last Synced: 2024-11-12T23:35:33.246Z (2 months ago)
• Language: JavaScript
• Size: 88.9 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native Pokedex App

I created this app as a simple demo of [React Native](https://facebook.github.io/react-native/).

This repository has four tags that work as steps in a tutorial.  You can see the

tags by running `git tags` and you can see the code at each step by running

`git checkout `.

- Step 0 is an empty React Native app freshly generated by the CLI.

- Step 1 is a single page with a text input, switch, and slider.  This

  demonstrates that React Native renders true native components that match the

  look and feel of their respective platforms.

- Step 2 changes the single page of the app to display a list view of Pokemon.

  The Pokemon data is copied from the [PokeAPI](http://pokeapi.co/api/v2/pokemon/).

- Step 3 adds navigation by allowing a user to press a row in the list view and

  open a detail page.  It also adds a persistent header to each page of the app.

After following all these steps you can get a good feel for how a React Native

app works.  It barely scratches the surface of React Native's capabilities, but

still serves as a good introduction.