React-Native Server Driven ui

Published

I always wonder how apps like Airbnb, Flipkart, and Swiggy update their UI on the fly. Even if I didn’t update the app, Flipkart shows different UIs during festivals, while Swiggy always changes its UI based on the device location.

How I implement this in my react-native-app?

Webview is the solution?

Kindly help me..
Thanks

Source: Ios Questions

Published
Categorised as android, ios, react-native, reactjs Tagged , , ,

Answers

Webview is best because this way you can change the UI and the business logic or UI handling logic.

But you have to develop a minimum architecture for that.

Here is my way.

Develop Host layer to use camera, shared preference, file system etc.

Develop a communication layer which will be responsible for communication between your webview and the host layer so that your webview can access all the required device platform(eg. android or ios) features which can not be normally accessed directly from webview.

So now you can render whatever UI(by HTML and CSS) you want, you can put whatever logic you want via javascript also now you can access all the required device features you really need.

So, now you are the king of your app.

Just you have to keep updating the UI or logic in server when you really need.

Some cons are there like

  1. webview in android is different than our normal browser. Some required features are not available.
  2. Its behaviors is different in different API level. So you have to test it very well. For testing, you can use Genymotion.
  3. It does not work well in some old devices/APIs.
  4. Look and feel really matters. But smart design can fix that problem.
  5. If you want your whole app in a single webview then you have to compromise with page transition feature of android or ios. But again smart animation design will fix that.

But this is just a working solution not a smart solution for server driven UI.

I have used some server driven UI frameworks. But they seems to be overhead and lacks some features.

So there should be a framework by which we can render native UI dynamically from server with corresponding business logic change feature and accessibility of all the possible device functionalities.

A few months before I started to develop a Server driven UI framework. I did it little bit. But due to lack of time I really could not complete it.

If someone interested to contribute in this project feel free to contact with me.

I have a solid idea and architecture for this project.

This framework can create a revolution in the world of app development.

email: [email protected]


Elwyn Pacocha

Leave a Reply

Your email address will not be published. Required fields are marked *

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq