How to upgrade this project to the latest React Native version?

You'll need to follow the official React Native upgrade guide and update all dependencies, as this project uses v0.39. Expect breaking changes and potential refactoring for new APIs like Hooks.

Redux or Context API for state management in React Native?

This example uses Redux, which is powerful for complex apps with middleware support. However, for simpler state, Context API with useReducer can reduce boilerplate and is now a standard alternative in modern React Native.

How to add API calls or async actions to this Redux counter?

Since it uses redux-thunk, you can extend the actions to return functions that handle async logic. Refer to thunk documentation or consider middleware like redux-saga for more advanced async workflows.

What's the best way to debug Redux in a React Native app?

This project includes remote-redux-devtools, which is effective for development. For production, tools like Reactotron offer more features, but ensure debugging doesn't impact app performance.

How to run this on a physical iOS device instead of the simulator?

Beyond the README's Xcode instructions, set up provisioning profiles in Xcode and use react-native run-ios with the device connected via USB, ensuring proper signing and network configuration.

Is this project still maintained or updated?

Based on the README, it uses outdated versions and hasn't been updated recently, so it's more of a historical reference for learning basics rather than an active, maintained example for new development.

Open-Awesome

Redux Demo

JavaScript

A minimal Redux counter example implementation for React Native on iOS and Android.

GitHub

238 stars56 forks0 contributors

What is Redux Demo?

react-native-counter-ios-android is a minimal example project that implements a Redux-based counter application for React Native on both iOS and Android platforms. It demonstrates how to integrate Redux for state management in a cross-platform mobile app, serving as a practical reference for developers. The project includes remote Redux DevTools support for debugging and uses standard React Native tooling without modifications.

Target Audience

React Native developers learning Redux integration or seeking a simple, runnable example of state management in mobile apps. It's particularly useful for those new to combining React Native with Redux.

Value Proposition

Developers choose this project because it provides a clean, minimal implementation focused solely on Redux fundamentals in React Native, without extra complexity. It's a trusted reference that follows standard practices and includes remote debugging capabilities.

Overview

Minimal implement of redux counter example on ReactNative iOS and Android

Use Cases

Best For

Learning Redux state management in React Native
Creating a simple reference implementation for mobile Redux apps
Debugging Redux actions with remote devtools in React Native
Starting a cross-platform counter app for iOS and Android
Understanding React Native project structure with Redux
Testing Redux integration in a minimal mobile environment

Not Ideal For

Projects targeting modern React Native versions (e.g., v0.60+ with Hooks and Fast Refresh)
Teams building production apps requiring complex state logic, navigation, or authentication
Developers seeking a boilerplate with up-to-date dependencies and comprehensive examples

Pros & Cons

Pros

Minimal Dependencies

Uses only core libraries like React, React Native, Redux, and redux-thunk, avoiding unnecessary complexity for clear learning, as stated in the philosophy.

Cross-Platform Implementation

Demonstrates a working app on both iOS and Android using standard React Native setup, with detailed run instructions in the README.

Remote Debugging Support

Integrates remote-redux-devtools for real-time state monitoring, including links to the Chrome app and documentation for easy debugging.

Educational Clarity

Emphasizes simplicity and adherence to standard patterns, serving as a no-frills reference for Redux fundamentals in React Native.

Cons

Severely Outdated Versions

Built with React Native v0.39 and Redux v3, which are obsolete and lack support for modern features like Hooks or concurrent rendering.

Limited Example Scope

Only implements a basic counter, missing common use cases like async actions, multiple reducers, or integration with libraries such as React Navigation.

No Modern React Patterns

Does not incorporate React Hooks or Context API, which are now preferred in many React Native projects for simpler state management.

Frequently Asked Questions

Related Projects

F8 App 2017

Source code of the official F8 app of 2017, powered by React Native and other Facebook open source projects.

Stars13,905

Forks2,474

Last commit2 years ago

30-days-of-react-native

30 days of React Native demos

Stars6,880

Forks1,431

Last commit7 years ago

react-native-nw-react-calculator

Mobile, desktop and website Apps with the same code

Stars5,215

Forks860

Last commit4 years ago

GitPoint

GitHub in your pocket :iphone:

Stars4,760

Forks775

Last commit1 year ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub