Minimal implement of redux counter example on ReactNative iOS and Android

JavaScript 51.69% Objective-C 28.46% Java 9.16% Python 10.69%

react-native-counter-ios-android's Introduction

react-native-counter-ios-android

Minimal implement of redux counter example on ReactNative iOS and Android

I don't use any syntax out of React Native's enabled transformations, so no any patch on ReactNative is needed.

react - v15.4
react-native v0.39
redux v3
react-redux v4
redux-thunk v2
remote-redux-devtools v0.5

How to run this Porject

Setup iOS and Android env

see

Install npm dependecies

npm i

run iOS

Open ios/ReduxCounterUniversal.xcodeproj and hit run in Xcode.

react-native run-ios

run Android

emulator -avd [your_emulator_name] -gpu on &
react-native run-android

On Mac using fn + F2 to open debug panel

Also you can use adb logcat to log some android debug messages.

adb logcat -s 'ReactNative'

Remote devtools

chrome app (recommended)

See remote-redux-devtools for more information

Upgrade Guide

React Native Upgrading

Maintainers

License

MIT © C. T. Lin

react-native-counter-ios-android's People

Contributors

Stargazers

Watchers

react-native-counter-ios-android's Issues

Can't run on Android Phone

When it run on my android Phone . Like this

This can be fixed on React Native 0.40.0

Please upgrade React Native Version in package.json

how to run on real device? not the emulator

I have a question

At component ,when perform the sync dispatch,use onPress={inCrement},perform the Async dispatch,using onPress={() => decrementAsync()}.What difference two dispatch?

Can't run on ios - ":CFBundleIdentifier", Does Not Exist

I done this steps:
npm i
react-native run-ios

I got this error:
Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/ReduxCounterUniversal.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist
What I'm doing wrong?

Integrate redux with Navigator

Hi,

First, cheers for your great work.

I might no be good using redux well, but I cannot make it work with React Native Router Flux.

I simply connect redux to the router like this :

var { bindActionCreators } = require('redux');
var { connect } = require('react-redux/native');
var Router = require('./Router');
var CounterActions = require('./actions/counter');

function mapStateToProps(state) {
  return {
    counter: state.counter
  };
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators(CounterActions, dispatch);
}

module.exports = connect(mapStateToProps, mapDispatchToProps)(Router);

And my Router look like this :

'use strict';

var React = require('react-native');
var {Router, Route, Actions, Animations, Schema} = require('react-native-router-flux');

var Counter = require('./components/Counter');

var RouterModule = React.createClass({
    render: function() {
        console.log('FROM ROUTER  : ',this.props.counter);
        return (
            <Router>
              <Schema name="default" sceneConfig={Animations.FlatFloatFromRight} />
              <Route name="launch" {...this.props} component={Counter} initial={true} hideNavBar={false} title="Launch"/>
            </Router>
        );
    }
});

module.exports = RouterModule;

When I click on the "+", my Router Component updates well and receive the good count value, but the value is not updated in Counter Component.

Please let me know if you need anything.

cloned the project
ran npm i
opened it in xcode and pressed 'run'
got an error in the simulator that it couldn't connect to the development server. So I looked at the terminal and I've got an error

Failed to build DependencyGraph: 
Naming collision detected: 
/Users/dbrowne/Sites/react-native-counter-ios-android/node_modules/remote-redux-devtools/node_modules/react/node_modules/fbjs/lib/warning.js collides with /Users/dbrowne/Sites/react-native-counter-ios-android/node_modules/react-native/node_modules/fbjs/lib/warning.js

Error: 
Naming collision detected: 
/Users/dbrowne/Sites/react-native-counter-ios-android/node_modules/remote-redux-devtools/node_modules/react/node_modules/fbjs/lib/warning.js collides with /Users/dbrowne/Sites/react-native-counter-ios-android/node_modules/react-native/node_modules/fbjs/lib/warning.js

I don't know how the other dude in the closed issue got it to run, but I can't. any suggestions?

remote-redux-devtools

https://github.com/zalmoxisus/remote-redux-devtools

Investigate react-native-mock

https://github.com/lelandrichardson/react-native-mock

chentsulin / react-native-counter-ios-android Goto Github PK