React native Ui design or android ui design? - javascript

I started learning ReactJs and I realized that making complex UI is Ok in react and I can implement any design that I want but when it comes to android I can't figure out how to make those complex designs without losing performance and encountering with bugs. So is there any thing that I should learn to feel free to design in android and customize UI in whatever way I want like doing css stuff in react? or should I learn react native? I spent months to learn android and it is hard for me to change my plan to develop react native apps.

If you want to stay with ReactJs you should study only React native that allows you develop apps will works in both IOS and Android, for a perfect design you can use a live tool like Expo.
Actually the general concept of developing mobile apps by using react native and reactJS are same. You write the JSX on both platform. The only major difference is that the rendering mechanism that react uses is quite different from the other one.
React JS is actually front end library which is developed by Facebook and is used for handling view layer for web and mobile apps. It allows u to create reusbale UI components and is currently one of the most popular Javascript library and it has strong foundation and large community behind it.
Therefore, it completely depends upon the need of customers and the business what kind of mobile application they are looking for and is required for your business whether android or iOS.

Related

Migrating a View UI to a React Native app

I have implemented a web tool with an UI written in Vue 2.
Now I would like to port this UI to a React Native app on iOS and Android without the need to re-implement it from scratch.
What I have tried until now is to build Web Components and include it into the React Native code, but without success.
The alternatives I am aware of are:
Build an Progressive Web App to get rid of this cross platform use case
Build both Web and native app with Flutter
Separate the UI from the logic (e.g. with MVVM pattern) to easily exchange the UI but use the same model and business logic
All of these three options are a bit too late for me because the View app already exists ;-)
Could you please help me to figure out which is the best option to easily reuse your View UI in a React Native app.
Thanks a lot in advance.

Can we Implement ReactJs on a particular page of a website which is purely built on Javascript / Jquery?

Have a query regarding ReactJs can we implement a small feature using ReactJs on a particular page of a website that is built mostly in pure javascript and Jquery ?.
For example, I am working on a website that has an
e-commerce platform implemented with Shopify, now I wanted to have a small feature using ReactJs.You can consider its a mini / micro app of Reactjs
First off, ReactJS is nothing but front-end code for your use case, so you can count on DOM existing when your ReactJS instantiates. So if your client/customer can afford the hit to the customer experience to download ReactJS to support your micro-function, there is no limit to what you can do with your JS. You may find it superior to just present your small feature in pure JS, to keep it tight and fast.

Is there an advantage to setting up web app in React JS if mobile app is going to be in React Native

I'll be starting a project, and due to reasons I'd like to use angular.
However I know that soon after we start the web app we'll also start a mobile app in React Native. Over this I have no control (thus no reason to suggest Native Script).
Setting personal preferences of developers aside, are there any reasons why we should consider React for the web too?
Yes, there are many reasons to build both web and native targets with React:
Both use JavaScript and JSX so you have less technical overhead.
Both follow the same design patterns, so you have less technical overhead.
If you plan for it, you can reuse logic. This can save a significant amount of time and improve parity between web and mobile apps.
There are already a bunch of great resources out there on building applications that use ReactJS and React Native together, providing direction and momentum.

How to reuse the React JS component in React Native

I am new to React JS. I am trying to build a web application which should also work on mobile (Android and IOS) so thought of using react js for web application and created few components. so is it possible to use the React js component in React native.
It's good that you plan in advance. 100% matching between JS and Native won't be possible, but with careful planning, you could get to reuse a good deal.
You may want to take a look at React Native Web project that mirrors Native-specific components for Web (e.g. View, Image, Text, etc).
I suggest building a simple prototype in React JS and then in React Native so you get some understanding of the differences in the two ecosystems. Having a hands on experience will prove more beneficial than any writeup :)
ReactNative is a set of real native Components like View, TextInput TouchableHighlight and more. It is also a platform which let you run javascript code to control these.
There is no WebView like in Cordova, what you get is a native App with native views.
But that means, that you can still have some or your domain logic written in JS which you can use the same way in your Web App.
For example you have a Login Screen for iOS, but all the necessary stuff for your server calls, can go into a separate module e.g. api/auth.js, which is shareable between web, ios, android, iot.. what ever.

how do i implement a google doc-like app on mobile?

I'm currently working on a project similar to google docs. Basically, it allows
multiple users to edit word documents concurently in a web browser. I've been
working extensively in pure javascript nodejs and socket.io. The web based
text editor was written from scratch using HTML5, CSS and Javascript. I handled
Operational Transformation(OT) with shareJS(server & client library that allows
realtime editing).
The challenge I'm having now is with mobile development, where I typically want
to develop for both android and iOS. I've been unsure about the right workflow and
technical decisions to make. Below is what has been going through my mind:
How do I incorporate my javascript application into a native iOS/Android app? Should
I just build an exact clone of what I have on the web from scratch? I mean build a
replica of my web implementation in iOS(Swift)/Android(Java). Of course this would mean
re-writing my text editor and OT scripts from scratch in the native language. Does that
make sense?
I know of NativeScript and phonegap. But then, when it comes to mobile, I prefer leaning
towards the native language. Is there a way to wrap my javascript into Swift/Android in
order to call my javascript functions?
Have been thinkin about this for weeks now, pondering over how to go about this. I think i need suggestions,
thoughts and advice from other frames of reference. Thanks in advance

Categories

Resources