Provide example for react native

[emmenko]

It's not a priority, would be nice to have it though.
If someone wants to give it try feel free to start a PR :)

[johanneslumpe]

@emmenko react-native todo mvc? I could work something out I guess

[emmenko]

Sure :)

[johanneslumpe]

I suggest waiting with this, until react-native 0.6 is out, so that babel is used. I can work against the github master for know, but for the example later it might not be great to have the github master as dependency. Thoughts?

[dariocravero]

That sounds like a good idea @johanneslumpe :)

[johanneslumpe]

The thing is that the import does not play nice with the react-native at all (and isn't activated by default). But it might work when we prompt the user to add a .babelrc to the react-native module folder. I know, that isn't exactly the best thing but better than having to write everything without import/export. Maybe a post-install hook could be used for that?

[emmenko]

As you can see in the label, it's a future idea :)

So there is no rush on this, if it's better to wait then let's wait.

[johanneslumpe]

Yeah it's better to wait a bit longer. Over at rnplay we are spoiled, being able to always work off of master haha :D

[gaearon]

Any blockers here?

[ms88privat]

i would love to see that example! (with hot reload and timetravel)

[gaearon]

I'll try to release web devtools tomorrow, native devtools ASAP after that. Then I'll release RN example.

[alinz]

@gaearon I have created a repo to include the react-native example. If you want me I can put it into the redux example folder.

[Dindaleon]

Great! +1 @gaearon let us know what is the official example.

[mikedizon]

@alinz could you add some documentation? looks pretty cool!

[alinz]

@mikedizon I will update the example to latest stable of redux and react-native. As soon as I update the project example I will let you know.

[yonibot]

+1 looking forward to this! @alinz please keep us posted, and thanks for your work!

[alinz]

@mikedizon @yonibot I have updated the example to latest of two frameworks. let me know if you need any help. React-Native 0.10 and Redux 2.0.0

enjoy :P

[chentsulin]

One more counter example here with React-Native 0.10 and Redux 3, and only use React Native enabled transformations.

[despairblue]

@chentsulin you can enable transformers with a .babelrc file in you project root folder. No need to patch react-native. Just take the original one and add things as you please.

[chentsulin]

@despairblue
I read the discusses in facebook/react-native#1451 and facebook/react-native#1480

It seems that now need to set resetCache option to true at node_modules/react-native/packager/packager.js to merge babel options.

[alinz]

Good to know @chentsulin and thanks for your new update. I will update mine. Perhaps, we should merge our projects into one. Having multiple projects with the same goal is confusing.

What do you think?

[chentsulin]

I think finally they will find a way to let .babelrc works without any other patches, and then we can get rid of those commonjs module stuffs, which is painful in some cases.

[despairblue]

@chentsulin
Weird, I have stock react-native installed and my .babelrc looks like this:

{
  "retainLines": true,
  "compact": true,
  "comments": false,
  "whitelist": [
    "es6.constants",
    "es6.modules",
    "es7.decorators",
    // default
    "es6.arrowFunctions",
    "es6.blockScoping",
    "es6.constants",
    "es6.classes",
    "es6.destructuring",
    "es6.parameters",
    "es6.properties.computed",
    "es6.properties.shorthand",
    "es6.spread",
    "es6.templateLiterals",
    "es7.asyncFunctions",
    "es7.trailingFunctionCommas",
    "es7.objectRestSpread",
    "es7.classProperties",
    "flow",
    "react",
    "regenerator"
  ],
  "sourceMaps": false
}

See "es7.classProperties", which is not part of the react-native's internal .babelrc. And static class properties are transformed correctly.

Maybe the issues aren't up to date?

[chentsulin]

Babel 6 will use some different rule on .babelrc extends, and now we should just wait for it settle down.

BTW, I updated my example to support iOS and android at the same time
https://github.com/chentsulin/react-native-counter-ios-android

[despairblue]

The only problem that could come up when using a custom .babelrc, is that the react-packager might use an old cached version of a file.

This can be fixed by:

1. stopping the packager
2. running rm /tmp/react-packager-cache-*
3. starting the packager again

[gaearon]

I think we won't include an RN example in this repo so I'm closing.
Please feel free to continue sharing links to the examples.
Awesome Redux is a good place to add your examples.