CodeShare Hooks across React & React Native

Our idea is to demo how to share code between React and React Native by building a micro-service for mail notification system. It will allow multiple people and projects to send email by calling it

Comment

Inspiration

We are very passionate about React and React Native. Our inspiration is the code sharing between the web and mobile, by using the front end technologies that are both developed by Facebook: React and React Native.

What it does

  1. Share code between React and React Native
  2. This micro-service is for mail notification system. It will allow multiple people and projects to send email by calling it

How we built it

We started implementing my ideas by starting with a simple project, a message board app for both a web page and a mobile app, using ReactJS, React Native and Redux. You can see the demo here: https://www.youtube.com/watch?v=QYhtdpBVRNQ CodeShare Hooks 1.2 Backend - https://www.youtube.com/watch?v=539F_EoHUCk CodeShare Hooks 1.3 Web FrontEnd - https://www.youtube.com/watch?v=BtFuCl7exYw&t=1130s CodeShare Hooks 1.4 Mobile FrontEnd - https://www.youtube.com/watch?v=0dCzCOEfmkU

Challenges we ran into

Some aspects are more shareable, like state, and business logic; some aspects are harder to share, like UI

Accomplishments that we're proud of

It works and it works well

What we learned

Throughout this project, we have learned because of the code share-ability between these two, it will be very cool to see that when we finish a project's web front end with ReactJS, we are already half way done for our mobile front end with React Native.

What's next for CodeShare Hooks across React & React Native

We plan to continue our adventure in this under explored area, by building more projects like this to share our experience of code sharing between React and React Native

Built With

Share this project:

Updates