Code Share React & React Native - with Redux

Because of the increasing popularity of React and React Native, it is a logical choice to share code across the same project's web frontend with ReactJS and mobile frontend with React Native

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 we have 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.

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 try it here - https://m11ymessagebo-react.herokuapp.com/ You can view its demo here - https://www.youtube.com/watch?v=-2YAU8UA0EM 1.1 React UI - https://www.youtube.com/watch?v=hoJa_QLoe54&t=110s 2.1 React Native UI - https://www.youtube.com/watch?v=uJP5_c9jrlU 1.2 React read data - https://www.youtube.com/watch?v=ooGKfV_Q9yY 2.2 React Native read data - https://www.youtube.com/watch?v=fK_pAeBynY0&t=59s 1.3 React write data - https://www.youtube.com/watch?v=Ests-chewc4 2.3 React Native write data - https://www.youtube.com/watch?v=mCCZjREtWfA 1.4 React read data by Redux - https://www.youtube.com/watch?v=wLVRfPlg2Ck 2.4 React Native read data by Redux - https://www.youtube.com/watch?v=_hGv9Pahl-g&t=33s 1.5 React write data by Redux - https://www.youtube.com/watch?v=8U2EUC2t7ck 2.5 React Native write data by Redux - https://www.youtube.com/watch?v=aHYn5Jv9ja0

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'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