![]() ![]() MyReactNativeWeb (Web-Module) |-src/ | |-reactRouterStuff.js |-package.json // MyReactNative dependencies + (react-native-web, | // react-dom, react-router, history, webpack & other |. So the project structure looks something like this. To make sure that we don’t mix the dependency of DOM with React Native, I created another project which is going to use the MyReactNative code as a git submodule. In this blog, I’m going to share my journey on how I implemented it. So to support it you might have to write a wrapper around web-equivalent of such APIs and use them in the Main Module. ![]() Using this library we can share almost all Main-Module(react-native) code, but there may be some logic which is non-transferable like Router, NativeModules (or dependencies uses NativeModules like Firebase). Of these libraries, react-native-web is one awesome library which makes it possible to run the same app on the browser. React Native provided a very powerful abstraction for Android and iOS APIs, some libraries extended the same abstraction to Windows, Web, Virtual Reality and others. In this blog, I’m going to walk you through our journey to adopting this library. After having some proof-of-concept, we realized that this is a perfect solution to our problem. ![]() While exploring solutions for this redundancy problem, we stumbled upon a library called React-Native-Web. Since the UI of Mobile web app and Native app have been kept similar, it didn’t make sense to maintain two different projects. Now there are only three platforms to maintain(Mobile + Mobile Web + Desktop Web). ![]() With this, we are having high-speed of feature delivery and great developer experience on mobile. So, in 2018 we decided to experiment with React Native and the results were very satisfactory. To make things worse, these modules have to be built and maintained on four platforms (Android+iOS+ Web(Mobile + Desktop)). With such a scale comes the challenge of building and maintaining these products by individual teams. It also provides services to manage(cancel/enquire) these bookings. MakeMyTrip is the leading online travel company of India facilitating hassle-free ticket booking for Flights, Hotels, Holiday Packages, Homestays, Buses, Cabs, Trains, Experiences, etc. React Native on the browser using React Native Web ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |