This question is little bit confusing but i need to use React Native in AngularJs.
My requirement is a simple. I am developing website which create Mobile Application without code.(ref: www.ibuildapp.com). For that, I need to display mobile simulator and update mobile application constantly as per user drag and drop action, and last Apk and ipa will gerenate using react native. So in meantime user actions i need to update mobile simulator views so i have to use react native component and my site will be in Angular.
My question is that is it possible to use Angular + react-native simultaneously.
I hope you understand my requirement if need more detail comment me.
Thank you in advance.
Related
I am working on an application that has a desktop view and a mobile view for the front end to my Spring Boot application. The desktop view is a react app and the mobile version is a react native app.
I embedded the desktop app into Thymeleaf to load the application. I understand how that works. I'm now having issues on how that relates to the React Native application. So the plan is to load the application onto some select Android devices. I am not familiar with how this would work.
My question is, when the React Native app is loaded on the phones, do they need to be connected to the server or does it just make calls to the Spring Boot app. If it's the former, would I have to embed it similarly to the React desktop view in my Spring Boot application. If it's the latter does it just get loaded to the phone, and when each button is hit or when it's loaded initially does it just make it's normal calls to my APIs in the server?
Any help or links to helpful information would be greatly appreciated. Let me know if you need anymore information.
Well, about your question, react and react native are client applications, both work on the navigator or cellphone and can work without any internet connection, it depends on the implementation that the web or mobile application have.
Server call is needed in the case of React first time, after that the resources are cached in the navigator and will be used by the navigator to render the web page.
You only need calls to the Rest API about your business logic.
Read more about this:
https://reactjs.org/tutorial/tutorial.html
https://facebook.github.io/react-native/docs/tutorial
I am going to develop a cross platform mobile app using PWA and React and as I am new to these technologies I wonder what is the best and simplest way to make it responsive.
I know that it's possible to use Media Query.
https://developers.google.com/web/fundamentals/design-and-ux/responsive/
But it seems more works to be done comparing to Bootstrap but unfortunately I couldn't find any document guiding me that is it possible to use these three in the same project or if there will be any conflict.
I would appreciate to have any advice regarding the best way to make a PWA and React project, responsive.
You can use Bootstrap, React, AngularJS or whatever library or framework that you prefer, there's some rules and you have to implement them in your application to make it PWA.
I'm starting building a react native application for both iOS and Android. I've read through the documentation of react native application, but there is one thing now I do not understand:
Is react-native app fully native application?
They say in react-native, that it would be. Then why am I asking this question? Well, I found the reason to ask the question through https://github.com/Microsoft/react-native-code-push. According to code push, they are able to dynamically update the application. And this is done by updating the javascript part of the application. But wait, if the application is real native app, then in the final version of the app there shouldn't be any javascript, am I right? So how are they doing it? Are they compiling the application at code push servers, and then sending the compiled app to the user or what? This really worries me that the react-native app is really not fully native app.
The CodePush plugin helps get product improvements in front of your end users instantly, by keeping your JavaScript and images synchronized with updates you release to the CodePush server. This way, your app gets the benefits of an offline mobile experience, as well as the "web-like" agility of side-loading updates as soon as they are available. It's a win-win!
Also, the reason I'm doubting this is because they say also in code-push documentation, that they are unable to update the native part of the react-native application:
Note: Any product changes which touch native code (e.g. modifying your AppDelegate.m/MainActivity.java file, adding a new plugin) cannot be distributed via CodePush, and therefore, must be updated via the appropriate store(s).
If the react-native app would be fully native, then in the end, all code should be native code. So I don't really understand why would it be harder to update the native native code, than the code that has been compiled to native?
If you change only code in /src/ folder (JS code) and without adding native modules
you can use CodePush to update your application.
If you change code in /src/ folder (JS code) and add some natives modules, you can't use CodePush to update your application.
You're JS code is compiled and read by native components. That's why you can update the JS layer.
If you take a look into your .ipa file and open main.jsbundle (unminify required) you can see your JS code. example:
I am a first year "computer programmer" college student and I got an internship where I was asked to develop a simple cross platform mobile app. Nothing too complex, consists in a login screen, then a screen with a form where I'm using jQuery UI autocomplete to get some info from the DB, a select box, datepicker and a text area. The other screen is just a table with information with the current day, week and month records of whoever is logged in.
I am using HTML5 and CSS for the front-end and php with Codeigniter to connect to mySQL DB.
The question is: I intend to use phonegap to turn it into a hybrid mobile app. Would you consider this a good approach? Or would it be worth it to delay the project a little more and learn how to do it using Ionic framework for the front-end and learn how to use node.js to connect with the database? Also I could use Ionic for front-end so it feels more like a native app and still use Codeigniter to connect to my server. I'd love to read your opinions and suggestions on this.
Thanks in advance.
I would highly recommend using Ionic for the app, you get a lot of stuff right out of the box that you will otherwise have to figure out your self.
Getting started with ionic is as easy as writing 'ionic start' and choosing a name for your project and a template to start from.
Depending on you level of web development skills you could really quickly end up with a app of spaghetti code without some kind of framework to set up some guidelines on how to structure your project.
As for the backend I will recommend you to use what ever you feel the most comfortable with as long as it easily can expose the REST endpoints you need.
Lucas Berte Schoenardie,
Since jquery mobile is not updated last two years so it will be better to choice IONIC which is using AngularJS (Google product) and App with Ionic is more native than PhoneGap( using jquery).
This reference on StockOverFlow may help you to take appropriate decision.
Thank you!
(Disclaimer: I'd have asked this question in a forum but the react-native website encourages us to ask it on SO.)
Is there a known tool to visually preview xml layouts in a browser? I'm developping a scaffolding tool to generate basic templates so I can prepare applications for customers quicker, and I'd like it to be a web app. Since the layout is very similar between react-native and reactJS, I'd think the effort to show a react-native layout as a reactJS layout is minimal?
A framework for building web apps with React Native compatible API
https://github.com/taobaofed/react-web