[ReactNative] Add Subheader component

[oliviertassinari]

Continue exploring #593. That's more like a proof of concept.

I have:

• Upgraded React Native from 0.17 to 0.19
• Added react-native-webpack-server
• Added the new component here: src/Subheader/Subheader.native.jsx
• Implemented a simple version of the Subheader for React Native.

I wasn't able to make the Android build work, that seems to be an issue with the latest release (http://stackoverflow.com/questions/34969858/react-native-module-appregistry-is-not-a-registered-callable-module).

We have some challenges to solve:

• How to we make sure we have the same API between the native and the browser?
• How do we share the theme?

Result

iOS:

Browser:

[alitaheri]

This is lovely 😍

[newoga]

Really cool! I'm not familiar with react-native development. Seems like there are a lot of files! 😨

How to we make sure we have the same API between the native and the browser?
How do we share the theme?

These are some interesting challenges.

I'm also curious how can we organize documentation in a way that's easy to differentiate between the two platforms.

[alitaheri]

Are there possibly any transformer libraries that can take some browser code and give native code?

[oliviertassinari]

I'm also curious how can we organize documentation in a way that's easy to differentiate between the two platforms.

Well, my plan is to build an application version of the documentation. Let's start simple.

Are there possibly any transformer libraries that can take some browser code and give native code?

The real challenge is around styling. I don't think that we can automate the transition from browser to native. Simply because less features are available with React Native. It's easier to convert some native code to the browser. For instance https://github.com/necolas/react-native-web.

[cgestes]

I'am experimenting with react-native currently also. I'am willing to help.

Would it make sense to use flexbox for all our components?

[oliviertassinari]

Would it make sense to use flexbox for all our components?

Yes, absolutely.

I'm experimenting with react-native currently also. I'm willing to help.

That would be awesome. Regarding the roadmap, the goal is to write an application version of the documentation. Once we have this, with all the examples, we are pretty much done 🎉.

• It would be good to address [WIP] move components to directories #3212 before anythings.
• We need to figure out how to use the muiTheme context to style the native components.
• One of the first component to build is the LeftNav and the List so that we can navigate inside the documentation.
• Then, we can implement the components we need. (In my case, it's half of the components)