farafonoff/PixbaySearch

Pixbay API consumer app

Project based on react-native-template-typescript

Project decisions

• Use thunk over saga for simplicity
• Use redux-toolkit to reduce boilerplate
• Don't use RTK Query to leave some challenge :)

Prerequisites

• Node.js > 12 and npm (Recommended: Use nvm)
• Watchman
• Xcode 12
• Cocoapods 1.10.1
• JDK > 11
• Android Studio and Android SDK

Base dependencies

• react-navigation navigation library.
• redux for state management.
• redux-persist as persistance layer.
• redux-thunk to dispatch asynchronous actions.
• fontawesome svg icon (error screen, potentially more)
• redux-toolkit Helper library for redux

Usage

• Go to your project's root folder and run npm install.
• If you are using Xcode 12.5 or higher got to /ios and execute pod install --repo-update`
• Run yarn ios or yarn android to start application!

Folder structure

This template follows a very simple project structure:

• index.js: Entry point
• src: Source folder
  • Root.tsx: top level providers
  • store.tsx: top level redux config
  • navigation.tsx: navigation typechecking
  • api: util functions for API integrations
  • components: shared components
  • pages: screen components
  • reducers: redux logic