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

Investigate react-native-mock

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

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.

I can't get the remote redux devtool to work

Hi, I clone the repo and tried running the app. the app is working but the remote redux devtool doesn't seem to be working. May I know how can i fix this. thank you

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?

remote-redux-devtools

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

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?

Cant get it to work

Don't know what I'm doing wrong.

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?

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