What is the procedure to develop ReactJS with Bootstrap hybrid app.
I am new to the mobile development, i have good experience in Web Applications development with jQuery, Bootstrap etc.I have started learning ReactJS
Now,
i like to know how to develop Hybrid app with ReactJS. like
- what are the tools to develop (i am using IntelliJ IDE)
- Need to learn additional technologies ?
- how to test ?
- how to integrate with Android or iOS ? etc.
my suggestions:
Check out cordova for the basic framework to build hybrid apps.
Running Ract Applications inside cordova works pretty well actually.
The IDE shouldnt matter too much. You will end up writing most of your stuff in javascript. Therefore an IDE that can support different ECMAScript versions is favorable.
In rare cases u will end up building plugins for cordova which is the only time you will have contact with other languages.
If you are looking for a test framework its also a question of taste.
Since React comes with its own Test Library which can basicly be run out of every Framework you want. I like using Jasmine a lot so.
This answer should give you enough starting points to look for.
For deeper insights ... Google is your friend ^^
hope it helps
Related
I need to develop a native app for both OS.
This would be a simple app, not too complex.
What would you recommend for me to use? I only have little Javascript knowledge. Don't know anything about React or other frameworks.
Thanks in advance for your help.
I would recommend NativScript if you know JavaScript as for Flutter you need to learn Dart.Here is the comparison I posted for NativeScript and Flutter.
I use Nativescript with Angular but you can use plain JS as well.
Another reason to use Nativescript is theier marketplace and if you use some pre-built plugins, the time for building of NativeScript applications will be decreased
Hence you are Looking to develop application for both android and ios with java script
You could use following tools / frameworks
phone gap
as and option you could use
ionic
these could be best if you don't prefer react native or native script
else if you are okay with angular and jquery then
mobile angular
jQuery Mobile
also you can drag and drop themes with ThemeRoller jQuery Mobile
these above mentioned tools / frameworks has huge amount of tutorial in you tube and other blogs (my personal choice would be ionic / phonegap)
NOTE:
**phone gap free for personal use
**others are completely free
For both OS, i would recommend Flutter, open source mobile application SDK developed by google.
Flutter is Google’s mobile app SDK for crafting high-quality native
interfaces on iOS and Android in record time. Flutter works with
existing code, is used by developers and organizations around the
world, and is free and open source.
For more information on flutter ,see flutter.io
For flutter examples here
We are a team of 5 members, one of us having basic knowledge of Android App Development. We are planning to develop an app having functionalities similar to Uber. Following are some things we have in mind:
Building one app through react native, where our concern is the availability of Maps and other API's in React Native.
Or developing native apps for IOS and Android platform.
What would be the better case, considering that we are beginners to app development.
As someone that writes both native iOS and react native apps I can say the following:
react native excels in speed of "net" development time. > 90% of the code is cross platform and there is no need to build your project after every change (one of the biggest pains in mobile development IMO)
however, most of my efforts in my current RN project are dealing with technical issues, compatibility of different packages & breaking changes. the entire ecosystem is less mature, development tools are inferior and there is way less documentation.
RN fits my particular, relatively simple, project and it allowed me to write for both platforms wo knowing Java\Kotlin. I would think twice before starting a more complicated project in RN.
BTW, Airbnb that wrote the above mention react-native-maps, recently announced they're sunsetting RN development: https://medium.com/airbnb-engineering/sunsetting-react-native-1868ba28e30a
EDIT: I found myself wring a full blown production app in RN for the past 9 months and this is my current perspective:
RN is constantly evolving. The facebook team is doing an incredible job making the platform better.
Javascript can be tamed using typescript and working with design patterns (Im using redux-saga)
We use one codebase and repository for FE & BE: that's the biggest advantage IMO. The entire team is using the same language, we can review each other code and assist in tasks.
It may require some hacking but I have yet to encounter a situation where I couldn't achieve something that was required by product in RN.
The only real downside with RN is performance. By design, RN is less performant than native apps. For many apps, the difference will be negligible but if your app is heavy on animations, this is something to consider. The FB team are working on a big architectural change that's supposed to address this. (rumours say that the version of RN FB are using internally is way more performant).
If development effort/cost is not a matter for the organization, just go ahead with option 2: Developing native iOS & Android using swift and JAVA. Native development have access to complete capabilities of mobile development. It is very rich in UI design, performance, scalability and many other things. Lot of support and tutorial available in internet if you stuck in middle.
Option 1, Developing on react native: If majority of developers are experts in web development, java script and React JS please go ahead. It requires less development effort because one project will support for both android and ios. In this option, still you need native app development knowledge to develop custom, complex views and exported to React native.
Explore through internet to know the differences.
Don't worry about it because React-native-maps is good npm module for maps
You can find Github
doc here
It works great for android and ios
And more answer here: Which is best map to use on react native
But, in personal opinion i love native app, it's the best.
I am new to mobile development with a requirement to develop applications for Android and IOS. My programming background is in C#.
Which is the best language and framework to start developing mobile applications?
Is it better to use native development or use cross-platform frameworks?
Please suggest frameworks and languages with respect to ease of development, development support etc..
I am no expert in Cross Platform Mobile Development (in fact, I was just searching for a cross platform mobile development languages/frameworks), but you could take a look at Xamarin, especially as you have a C# Background.
You may also want to take a look at Apache Cordova (and Adobe Phonegap), they use HTML+CSS+JavaScript.
I recently found Flutter, the development language is Dart and it's an early stage OSS project (as of 2016 october) and Haxe. They both seem like active projects, so worth following the progress on GitHub.
If I had to choose and I already had skills in C#, I'd go with Xamarin.
I strongly recommend you give a try to Flutter... It just came out from Google... It's in Beta, but Google heavily used it until now in production mobile applications. It uses Dart, as a programming language and it's awesome. If you have a background in C# (or similar languages, like Java for example) you won't have any problems - it's quick to learn and there are a bunch of tutorials already.
Do a search on YouTube for Flutter, and also on medium...
Here's the website link: http://flutter.io
You can also download some sample applications with all the Android / iOs widgets you can use in a Flutter application. Here's the app for Android: https://play.google.com/store/apps/details?id=io.flutter.gallery&hl=en
The key difference between Flutter and React native for example is that there's no Javascript bridge... and it compiles to native code. You also write the code once, and it will work by default both on Android and iOs... Hack, you can even switch to iOs widgets on an Android phone.
It's AWESOME!!!
Read a number of questions on writing in just one language for both iOS and Android and what I learned is that it depends on the special functions you need. What I want to build is a very simple app that will ask the user what he or she is doing. We need this for billing the customers but my co-workers keep forgetting to update their time-sheet, so I want to write this little app that pops-up every x minutes and asks them what their doing. At the end of the day the list will be sent by e-mail or whatever.
Anyway.... is a pop-up from an app from the background a 'special' function? Can a general language be used on both for this?
Edit: I have searched for crossplatform tools, but all replies talk about specific functions that still require native coding. That is why I was wondering if something as simple as a popup with question and entering / saving a text, would be native or could easily be handled with a crossplatform tool.
You may use Xamarin to create a cross platform applications. I am satisfied with Xamarin platform at the moment. I have been working on native iOS, java for Android also.
Please keep in your mind that, it would be great if you are familar with these platforms because Xamarin is just a wrapper of methods which exist in the native platforms. Since I am familar with native Android and iOS, it makes me comfortable when I work on Xamarin platform.
My personal recommendation is to stick with Native platform. But if you have to work on cross platform, I believe Xamarin is a good option.
Pros:
If you are familiar with C#, it will help you a lot to develop an application for android, ios and windows platforms in Xamarin.
It is demanding platforms, and many big companies are looking Xamarin developers especially after the Microsoft acquisition.
Cons:
You need to buy a license.
There are other platforms as well, but I did not use any of them. Here are some of them
Cordova
HTML5
Unity
PhoneGap
Appcelerator
Corona
Qt
You may find useful the following urls
http://appindex.com/blog/ten-best-cross-platform-development-mobile-enterprises/
http://www.developereconomics.com/pros-cons-top-5-cross-platform-tools/
For sure what you describe can be achieved with using Ionic. Its a free solution and it comes with a lot of good documentation to get you up and running quickly. You'll need to use AngularJS for developing apps with Ionic so that might be a good solution if you know your way around that framework, or if you are familiar with Javascript or have done some web development before.
On regards to your question regarding native functionality (by popups I assume you mean notifications) Ionic sits on top of Cordova so there is a huge amount of native plugins that you can use to implement native functionality. You can take a look at plugins here.
Hope this helps!
I need to develop an application for ios, android and windows phone (the same funcionality for each platform) with phonegap but i wanted to make native look & feel for each platform, i´m a web developer and i want to introduce myself in app´s development too but i´m newbie and i have lot of doubts...I read about framework 7, onsen and ionic but as i can see these are frameworks only for ios(or am i wrong?), are there some for android and windows phone?? These frameworks are like jquery ui where you put the classes to the elements and the framework apply the styles???I´m pretty lost in this area...sorry and thanks!!!
Try http://chocolatechip-ui.com/themes.html :) ... On this page you can see it's different themes in action.