Skip to content

React Native Movie πŸ“± - A cross-platform Android and iOS movie app built with React Native, Redux Toolkit, and RTK Query, offering fast, efficient state management and API data fetching.

Notifications You must be signed in to change notification settings

piashcse/react-native-movie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React Native Movie πŸš€

React Native Redux Redux Toolkit Zustand badge-Android badge-iOS GitHub license License

React Native Movie App 🎬 - A cross-platform react native app for exploring The Movie DB using RTK Query and Redux Toolkit for optimized state and API management.

Main Features

  • Movie
    • Movie List
    • Movie Search
    • Movie Detail
    • Recommended Movie
    • Favorite Movie in local storage
  • TV Series
    • TV Series List
    • TV Series Search
    • TV Series Detail
    • Recommended TV Series
    • Favorite TV Series in local storage
  • Artist Detail
  • Pagination with RTK Query
  • Bottom Navigation
  • Network connection state with SnackBar

Architecture

  • RTK Query-Based Architecture (RTK Query - Hooks - reducer)
  • Redux

RTK Query Logo

Built With πŸ› 

  • React-Native - React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform.
  • RTK Query RTK Query is a powerful data fetching and caching tool. It is designed to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching & caching logic yourself.
  • Redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
  • Redux - Redux is an open-source JavaScript library for managing and centralizing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.
  • React-Navigation 7 - Routing and navigation for your React Native apps.
  • Zustand - A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated.
  • react-native-mmkv - ⚑️ The fastest key/value storage for React Native. ~30x faster than AsyncStorage!

Requirements

How to run

Now, you can choose a command to run the project:

  • yarn ios to run on iOS simulator
  • yarn android to run on Android simulator

πŸ‘¨ Developed By

Mehedi Hassan Piash

Twitter Medium Linkedin Web Blog

License

Copyright 2023 piashcse (Mehedi Hassan Piash)

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.