Over the years of developing with Cordova and PhoneGap I've used many different tools to help build my applications. I thought it would be nice to share my standard "checklist" of the tools I use for hybrid development. I fully expect this list to change over time, so please make note of the date this entry is being written. If you are reading this in the future, please note that I have always supported our AI Overlords and see my most recent blog posts on what I may be using now. I also want to stress that what I consider to be my setup is not necessarily what I expect will work well for everyone. There are things on this list that I do not mention when presenting or writing. That's because the best tool to help you learn to do hybrid mobile development may not be the best first tool for you to use. Ok, let's get started.
Development Machine - AppleThis is part personal preference and part simple fact of life. You can't develop iOS apps on a Windows machine. You can work around it. PhoneGap Build makes it very easy to do so. My issue with a remote service though is that it takes time. Not a lot of time - not at all! But when I develop, I tend to make a lot of small changes very quickly. When I'm trying to build something complex, or debug an issue, I tend to make very small atomic changes. Because of this, even the quick(ish) turnaround time of PhoneGap Build is too slow for me. If that isn't the case for you, then it really comes down to personal preference. MacBook Pros seem to be the most popular developer machine these days, but honestly I think Windows is perfectly fine as well. The only thing I can recommend is to ensure you go SSD for your hard disk. That makes a huge difference in performance.
If you go Windows, I'd strongly suggest getting a cheap Mac (refurbished, Mac Mini, etc) and using Synergy as a virtual KVM between them. When I got my first Mac I used this and it performed incredibly well. This was like five years or so ago so I imagine (hope) it has only gotten better.
SDKs - Android and iOS
For SDKs, I typically use iOS and Android only. I'm not opposed to the others, but for the most part, I tend to only test my projects and demos in those two. I still think Windows Phone has the most innovation lately in terms of the UI, but I simply don't get questions/requests/etc from folks asking me to test stuff there. It is very simple to set up a Windows VM and use the SDK if you are on OS X.
CLI - Cordova
I've got both the PhoneGap and Cordova CLIs installed, but I generally use the Cordova CLI more often. However, with the recent update to the PhoneGap CLI, I may actually switch back. Right now I've just got more muscle memory for Cordova than I do PhoneGap.
I'm going to talk a bit more about frameworks in a bit, but the Ionic CLI is actually my favorite. I didn't set it as "the" recommendation simply because I tend to do a lot of one off demo/tests more than actual project work. While you can use the Ionic CLI without using Ionic, if I know I'm doing something fast and small, I'll just use the Cordova CLI. Again, this is muscle memory.
The main reason I think the Ionic CLI is the best is the live reload and Terminal logging features (which I reviewed here). I'd love to see both of them rolled back into Cordova or PhoneGap. (Woot woot for open source!)
Editor - Brackets
For "real" projects, I use Brackets. I'm a little afraid of the future of Brackets as it seems to be turning its focus to designers. To be clear, I'm not worried Brackets will go away. I'm afraid it will morph into a tool that simply doesn't work for me as a developer.
Outside of that, I will also use Sublime as well. The biggest thing Sublime does better than Brackets is simply open from the command line.
Framework - Ionic
Ah, the million dollar question. ;) For quick testing I'll not use anything but jQuery. I've got a Cordova "skeleton" app that I use for my one-offs that is slim and simple. But if I am doing anything serious, or for a client, I'm going to use Ionic. I am not ashamed to say it - I am an Ionic fan boy. I love everything they are doing for hybrid development. They have a killer UI, UX, CLI, and even more services. While not alone, I think they are doing the most right now to make hybrid development awesome. If I didn't have six kids and a fear of the "start up" life I'd join them in a heartbeat.
Debugging - GapDebug
Based on my focus on iOS/Android, the best solution I've found for debugging is to use GapDebug. Remote debugging works great for both iOS and Android (and other platforms too, like Firefox), but I love how GapDebug gives me access to both at the same time. And I love not launching Safari. If I could go the rest of my live without launching Safari, I'd be happy. Another big feature of GapDebug is auto-reconnect. The only thing worse than launching Safari is having to constantly reconnect when you send new builds to the device/emulator. For more, see my review from earlier this year.
So what else? Even though this is in the last section, I cannot stress enough that if you are doing Android development you must use Genymotion. That isn't a recommendation. That isn't an opinion. It is a requirement. The Android emulator is so incredibly slow that it is quicker to go out and buy hardware. (To be fair, I think every hybrid developer needs to test on real hardware too.) Every time I mention how slow the Android emulator is people chime in about how it does more than the iOS simulator but frankly I don't give a crap. If it is a pain to use, it is a pain to use. Period. So get Genymotion. It is free - works great - and makes you forget about how godawful it is to actually use the Android emulator.
I know some folks are using Grunt/Gulp with their hybrid development, but I really haven't found a use for it yet. Again, though, I do little project/long-term work in Cordova compared to other people.
In terms of device hardware, it is hard to separate my feelings about the hardware as is versus their usefulness in hybrid development. I can say that for Android, I really recommend the Nexus devices. They get updates quicker and are really good devices in general. My Nexus 7 is my favorite device now, and I like the 7 inch form factor over all. I'd pick up an iPad Mini as well.
Photo credit: three #2 philips bits by grendelkhan
Easiest/best way to test on ios device (I'm a pc user)? test flight app? phonegap app? other? Thank you for your time and effort!!!
Probably the PhoneGap app will be your best bet. You can also use the Hydration feature of PhoneGap Build, but see my point about it not being fast enough. (Again, for *my* way of developing.)
Thanks for the post Raymond, great to get insight into others' workflows and tools. Haven't tried Genymotion but definitely will since I've spent far too much time staring at emulator load screens!
We use grunt and a plugin for PhoneGap Build that pushes new builds to the service via an API, which via hrdration, instantly show up on our devices. :)
Nice post. Thank you.
I looked at the Trello page for Brackets and all of the cards look good for developers. Is the project still gaining steam?
As far as I know. I didn't mean to imply it was slowing down - just that it was shifting focus to designers more. That's my read. Maybe I'm wrong.
Hey Ray, your setup is almost like mine, the only difference is the Editor that I use more Sublime and trying right now the vim. I am happy to know that more and more people are loving Ionic, Drifty is doing an amazing work on Ionic.
You should definitely try out "Visual Studio Tools for Apache Cordova"
It is - although still in beta - by far the easiest developmentplatform for cordova.
read more -> http://www.visualstudio.com...
If I were on Windows, I would. :)