Hacker News Reader

Comment by Zombieball | Hacker News Reader

I'd love it if a series like this was made where a React website and React Native app were made in tandem. Suggestions for project layout and architecture would show you how to reuse core business logic between both apps.

Perhaps even the view layers could have some overlap?

I currently work on a team that supports multiple native Android apps and an Angular 1.X web app. The ability to reuse code in this fashion is the biggest lure to React for me. I've seen a few blog articles that cover this topic at a shallow level. If anyone has resources they could share it would be much appreciated.

View on HN

https://github.com/este/este is what you want

Just git clone and start playing around with it. Great docs as well.

Awesome, I gave it a quick glance. This line from Readme makes me happy:

> code shared across platforms (browser, server, native mobile)

I'll definitely have to take a closer look. Thanks!

As someone who appreciates apps that tailor to each specific platform and respect that platform's unique features and guidelines, this scares me.

Is it possible for tooling to maintain a lot of these quirks and then implement additionally on top of areas it falls short?

React Native doesn't make it so you share UI code between platforms (https://facebook.github.io/react-native/docs/platform-specif...). What you get to share is all the business logic between tailored UIs.

You can share UI code between platforms if you want, though!

At least Android + iOS. Some components are platform- specific but at least on a small simple app I've been successful sharing my UI code.

I haven't yet done any React Native, but it seems to me that hypothetically, you can share or not share as you go down the component tree. I can imagine dedicated layouts per platform, then shared widget clusters, then dedicated low-level widget implementations.

Yup, there is an entry point for both the Android and iOS app. You can point to the same root component or a separate one if you want separate layouts orwhat have you

@author here: What a great idea. I think that's something we can make happen in a future book.

That'd be awesome! I'll keep an eye out.

Not OP, fyi

If I only had more time... I'd love to write a guide on that. That really is a great idea!

I recently copied the entire state management part (done with redux) to a react native app and it just worked. Was a really cool thing to see. If I had RN in mind when I first made the site, it could have even more reuse.

Reply on news.ycombinator.com