Setup React Native mobile app

[calebmer]

I’m pretty convinced that for this product to be successful we will need a React Native mobile app. Currently, the web app is Next.js with react-native-web because I want to maximize code sharing between native mobile and web.

We need to set up the React Native mobile app. Currently, I have some basic UI code in workspaces/web. Let’s try to get that into a React Native app. As we build more of the UI it should seamlessly work cross-platform. (Ideally)

I’d like to use Expo, but I want React Hooks more then I want Expo 😛

[Domthegrom]

React native will be getting Hooks eventually. Is this something that you may want to push back on that way we can use RN out of the box.

How would you plan to use react web components as React Native components?

I am a bit familiar with React Native to Web using https://github.com/necolas/react-native-web

But I haven't seen a transition from web components to native components.

[calebmer]

Since they use the same API the web components should just “work” in React Native. For example, take a look at:

connect/workspaces/web/src/ProfileSignature.tsx

Lines 13 to 38 in 0e7143a

	export function ProfileSignature({
	name,
	image,
	time,
	children,
	}: {
	name: string;
	image: string;
	time: string;
	children: ReactNode;
	}) {
	return (
	<View style={styles.container}>
	<ProfileImage image={image} />
	<View style={styles.body}>
	<View style={styles.header}>
	<LabelText>{name}</LabelText>
	<View style={styles.headerTime}>
	<LiteText>{time}</LiteText>
	</View>
	</View>
	{children}
	</View>
	</View>
	);
	}

It uses <View> instead of <div> which should mean we can use it in React Native no problem.

[baruchadi]

You can use View in Web React?

[Domthegrom]

To me that looks like a React-Native component that won't render in Web React. You imported View from react-native

[calebmer]

@baruchadi with http://yarn.pm/react-native-web yes

[calebmer]

Looks like it renders to me @Domthegrom

[mdgozza]

@Domthegrom This is why that works:
https://github.com/calebmer/connect/blob/master/web/next.config.js#L11

[calebmer]

I did this, but didn’t even touch Android yet #18