/Cocktail

React native app

Primary LanguageTypeScript

Cocktail

This is a demo application using React native 0.59.9 and Typescript for the Cocktail public API. https://www.thecocktaildb.com/api.php

List of libs

  • React navigation
  • Redux
  • Redux-thunk
  • React-Native-Linear-Gradient
  • Axios

Run this application

In order to run this application there are two ways of archive this for any platform:

Android

  • Simple open your terminal and go to your project folder and run react-native run-android
  • Open Android studio and open the android project inside the project folder and click run

iOS

  • Simple open your terminal and go to your project folder and run react-native run-android
  • Open xCode and open the iOS project inside the project folder click run

Improve List performance

This is a list of tips that you could use if you find your list too bugy or consuming a bigger amount of memory.

  • Ensure you're using a FlatList and not a scroll-view
  • Use PureComponent for every item inside your list
  • Keep your component simple
  • Your can reduce the number of items in maxToRenderPerBatch and avoid rendering a lot of componentes at one (Some complex components)
  • Cache your images fetched, this option will reduce the amount of work