leolebras / react-native-redux-starter-kit Goto Github PK
View Code? Open in Web Editor NEW:rocket: A starter boilerplate for a mobile app using React Native and Redux
License: MIT License
:rocket: A starter boilerplate for a mobile app using React Native and Redux
License: MIT License
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
It seems to only have the refresh style reloading. Is there a way to, say, if I'm editing the colors of something, to see the updates instantly? I notice it's not using webpack--would that be the solution?
Hey, this seems like a great starter-kit. Although I'm getting 2 errors when trying to launch it from xcode (8.1):
/node_modules/react-native/Libraries/WebSocket/RCTSRWebSocket.m:494:3: Ignoring return value of function declared with warn_unused_result attribute
/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! :)
@LeoLeBras can you show some cases for how to use react-native-router-flux in this package? Thank you. Maybe this question should post in react-native-router-flux
@LeoLeBras - Is this being actively maintained?
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
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.
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?
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
in import { styles } from '@components/NavigationBar', which module provides the @ feature?
Hello. I followed the instructions to generate a signed APK (https://facebook.github.io/react-native/docs/signed-apk-android.html#content) using your project as base.
The APK is compiled and installed but when I open it, it crashes (Android API 17)
When I create a fresh new project and follow the same instructions, everything works just fine.
Any ideas about what is happening?
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
i am getting following error when i ran npm start.
Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: ViewportMetrics
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
cloning the project, checking out next
and running flow
throw hundreds of flow errors. Is this intentional?
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:
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
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?
Current version doesn't include support for Modals.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.