How to Share Code Between React and React Native

Learn how to share code between React and React Native to avoid duplicating logic. #react #reactnative

Links from video:

​
----
#benawad

[arpee]

Dude, sometimes it seems we are doing the same project lol
I was looking EXACTLY for most of these things (sharing, TS generation from GQL) on a new project yesterday and today you land this video. Awesome!

[ronifintech]

Thanks for the video!
A video on sharing between react-native and react-native-web would be money!!!

[geeteshladdha]

Hey Ben, how will we deploy web, app, server part when using this pattern

[milon]

now 2023, should i follow this approach or is there any better approach now? any blog link or nay thing

[NickChamnong]

Hi Ben,
Do you have any tutorial on how to use GraphQL code generator to create hooks?

[eddie_writes]

Hey Ben, love the content man! With this project were you able to integrate the Hermes Engine?

[md.akib]

ben you have covered containerization with docker. Do you have any plan on orchestration with docker swarm/kubernetes from a developer's point of view?

[ryancastner]

Hey Ben! Few questions:
How does GraphQL Codegen know what data you want to fetch?
Does it create Fragments?
Wouldn't sharing the queries between web/mobile result in overfetching on one or the other platform?

If I understand it correctly you are making a tradeoff here to make the code simpler and reusable. One other concern is that without fragments, doing query updating can become error-prone, e.g. BooksQuery and AuthorsQuery where author { books { edges { node { id } } }, an updateBookMutation needs to update BooksQuery and also the update the book in the AuthorsQuery.

[webscaffolder]

hi, can i use packages from react native in react js project. if possible then what is work around.

[mik]

I'm having trouble using the same logic between nextjs and expo in a lerna only monorepo. Importing the hooks results in an "Could not find "client" in the context" error in next . Generating the hooks locally, in the nextjs package, works fine. Any ideas what could be the problem?

[devk]

Hey Ben do you know how to get hot reloading in react native working with functional components and hooks? I feel so pain using class based components just to get hot reloading working please help

[Sarmadfarhankhan]

Hi Ben, can you please create a" hello world " project using this code sharing. Can you please do it ? Step by step .... From starting to end

[DaMeatShoww]

My laptop is old. running Mac Os 10.10. if I'm not able to install yarn, can this still apply to npm?

[ervanttechintel_github_io]

As far as I remember it's tough if you're not using TypeScript.