Giter VIP home page Giter VIP logo

react-native-redux-starter-kit's Introduction

A Big Update Is Coming

A new version is on the horizon, and you can try it today !

react-native-redux-starter-kit

Dependency Status devDependency Status

A starter boilerplate for a mobile app using React Native and Redux.

Requirements

See Getting Started to install requirement tools.

Stack

  • React Native 0.26.0 for building native apps using react
  • Redux 3.5.x a predictable state container for Javascript apps
  • Babel 6.x.x for ES6+ support
  • Immutable Immutable persistent data collections for Javascript
  • React Native Router Flux a router based on new React Native Navigation API
  • Flow adds static typing to JavaScript to improve developer productivity and code quality.

Make the awesome

Just clone the repo and start :

$ git clone https://github.com/LeoLeBras/react-native-redux-starter-kit.git myAwesomeApp
$ cd myAwesomeApp
$ npm i                         # Install Node.js components listed in ./package.json

How to use ?

$ npm start                     # or: node_modules/react-native/packager/packager.sh

This will start a lightweight development server.

iOS:

Open App.xcodeproj in Xcode, build and run the project.

Android:
$ npm run android-setup-port    # adb reverse tcp:8081 tcp:8080

Start your emulator or connect your device.

Debugging

Access the in-app developer menu and select Debug in Chrome.

Run Reactotron

$ npm run reactotron

See the Reacotron docs for more features.

Create a release build

  • Navigate to Product > Scheme > Edit Scheme... in Xcode and change Build Configuration to Release.
  • Run in terminal :
iOS:
$ npm run build-ios
Android:
$ npm run build-android
  • Open ios/Wino/AppDelegate.m, comment line 34 and uncomment line 44.
  • Press "Build and run" and đŸ’„ !

Issues

If you run into any issues please see the Getting Started guide for React Native before submitting an issue.

react-native-redux-starter-kit's People

Contributors

charlesmangwa avatar leolebras avatar ndbroadbent avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-native-redux-starter-kit's Issues

'warn_unused_result error

I am getting the following error when i am run the project from xcode:
.
..react-native-redux-starter-kit/node_modules/react-native/Libraries/WebSocket/RCTSRWebSocket.m:494:3: Ignoring return value of function declared with 'warn_unused_result' attribute

when i run from cli react-native run-ios i a getting this:

An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

...../react-native-redux-starter-kit/node_modules/promise/lib/done.js:10
throw err;
^

Error: Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/App.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Crash on export ipx

Hi

I downloaded the latest source code without any modification and run it in my xcode(both iOS emulator and my iPhone 5s) and it works perfectly, but when I tried to export an ipx file for adHoc or development, the app crash immediately after I opened it on my iPhone 5s. I use the following way to export the ipx:
https://facebook.github.io/react-native/releases/0.31/docs/running-on-device-ios.html
https://developer.apple.com/library/tvos/documentation/IDEs/Conceptual/AppDistributionGuide/TestingYouriOSApp/TestingYouriOSApp.html

And I tried different options like "Ad Hoc Deployment" and "Development Deployment", For all compatible device and for specific device, re-build for bitcode or not. It still crashes. So I guess the way to export ipx could be different than a ordinary react-native project, could anyone share some clue?

Crash log attached.
Crash-log-9-10-16, 10-34 AM.txt

[bug] Unable to resolve module ReactDefaultPerf

I could not make the app start after following the starter guide:

git clone https://github.com/LeoLeBras/react-native-redux-starter-kit.git myAwesomeApp
cd myAwesomeApp
npm i 

After opening and build the app in xcode I got this:

screen shot 2016-05-22 at 11 57 19 am

I already tried some of the solutions proposed at the issue #4968 from react-native repo.

Here's some additional info that might be helpful:

$ node -v;
v6.0.0

$ npm -v
3.8.6

How to use Promise to send request to server in reducer modules

Before Im working this starter with react native,Im worked with this react starter And I can easily use Promises in my reducer modules like this :

export function load() {
  return {
    types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
    promise: (client) => client.get('/loadAuth')
  };
}

but I dont know how to send request like this in this starter...Thanks

iOS app start issues

Hey, this seems like a great starter-kit. Although I'm getting 2 errors when trying to launch it from xcode (8.1):

1.

/node_modules/react-native/Libraries/WebSocket/RCTSRWebSocket.m:494:3: Ignoring return value of function declared with warn_unused_result attribute

2.

/Users/Olle/development/reactNativeReduxTest/node_modules/react-native/Libraries/WebSocket/RCTSRWebSocket.m:1334:5: Ignoring return value of function declared with warn_unused_result attribute

Any ideas? Would love to try this one out! :)

Duplicate module name: ViewportMetrics

i am getting following error when i ran npm start.
Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: ViewportMetrics

Hot-reload on code changes?

Is there a way to configure or trigger reload after code changes? If not, what do you need to do to update the app on the emulator after making code changes?

tons of flow errors

cloning the project, checking out next and running flow throw hundreds of flow errors. Is this intentional?

Dispatch multiple actions (using redux-thunk)

This is a fantastic library. Thanks.

I can't work out how to dispatch multiple, async actions. For example, I believe this function is an action creator which, in this case, dispatches the DECREMENT action:

export const decrement = (): Action => ({
  type: DECREMENT,
})

How do I make this function perform some logic and dispatch multiple actions? I see that redux-thunk is included in the dependencies.. I must be missing something in my ignorance.

just a question

in import { styles } from '@components/NavigationBar', which module provides the @ feature?

Upgrading to React 0.38

Hey guys, trying to upgrade to react 0.38 and im getting

"Error: Package name com.react-native-redux-starter-kit is invalid"

any thoughts?

Element type is invalid error

Hi LĂ©o,

Really like your starter kit, it's great.

I'm getting random "Element type is invalid .../... but got: undefined" errors.

I have tried many things but to no avail.

The following piece of code, applied to a fresh copy of the kit, produces the error on my mac:

File @containers/LaunchContainer/index.js:

/* @flow */

import React, { Component, Text, View } from 'react'
import Container from '@components/Container'

class LaunchContainer extends Component<void, void, void> {

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Container>
        <Text>
          Thing
        </Text>
      </Container>
    )
  }
}

export default LaunchContainer

As you can see, I've tried to reduce the issue to the minimum and in the debugger, the issue arises when evaluating the Text element. I don't think it's a problem with Text, as in other files, I get the error with TouchableOpacity.

Any ideas?

Thanks,
Laurent

Issues with the starter kit

I am sorry, but I really feel like this was not tested out at all. I copied over the src folder and package.json and ran into issues

  1. The folder in containers is named wrong. It is LauchContainer and should be LaunchContainer
  2. I believe there should be brackets around counter in the reducers file, {counter}
  3. Reactotron seems to have a dependency on 'socket.io-client'. I tried to add that dependency to my package.json, but that still didn't work. Either way, it causes issues right now.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.