We’ve been quiet over the last month or so, but trust me, we’ve been busy!

Today, I am incredibly happy to announce the release of Ionic 1.0 Beta 4. What’s that? You missed beta 2 and 3? Well, we had a very productive last two weeks and decided to ship three new releases in short succession ๐Ÿ™‚

With Beta 4, Ionic becomes the most feature rich hybrid app framework in town, and fixes a lot of problems that have plagued mobile web developers in years past. Read the full Release notes to see what has changed!

Huge Collection Support

Lists and grids of data are pervasive in mobile. Your Twitter stream, Facebook News Feed, and Camera Roll are just a few examples of lists that often contain thousands, if not hundreds of thousands or millions of items. And, to top it all off, we expect the list to scroll just as quickly through 10 items as it does through 100,000 items.

With the new Collection Repeat system, you can now scroll through huge lists with essentially no performance penalty!

And best of all, Collection Repeat works just like ngRepeat, and can be easily swapped in for lists that need to be fast with lots of items. Make sure to check the doc page for more info.

Andy, a lead Ionic developer, is responsible for this huge addition to Ionic!

Keyboards Done Right

A big annoyance developers have with mobile web browsers is their wonky support for form inputs and the resulting keyboard that slides up. How do you remove the accessory bar on iOS? Why is my input scrolling out of view? How do I stop the viewport from shrinking and ruining my UI?

Native apps don’t have these issues, and neither should hybrid apps. So we spent a month fixing keyboard issues across Android and iOS, with plenty of head banging so you can go bruise-free. Today, we are releasing the first version of both a Cordova plugin (which will be added to the default plugin list for new Ionic apps) to fix the issues at a native layer, and expanded support in the Ionic Javascript to handle it at the web layer.

This gives you clean keyboard support as shown in our upcoming Ionic View app:

App

Beautiful! No accessory bar, no viewport shrinking, and it’s very responsive and feels perfectly native.

We thank Tim, our resident Cordova plugin master, for bringing us this black magic.

Fastclick? No, Adamclick!

Mobile web developers have long lamented the problem of normalizing tap events across mobile browsers and devices. Along with this, the 300ms click delay that hobbled the perceived performance of our apps gave mobile web apps a terrible reputation for being slow and unresponsive, which they did not deserve.

With Beta 4, we are releasing our most comprehensive solution to tap events in the mobile browser. This means not only are button clicks fast, but inputs respond immediately, scrolling does not accidentally trigger clicks on list items, and ghost clicks are a thing of the past.

Compared to Fastclick and ngTouch, Ionic’s tap system handles a much larger set of tap related issues, and comes with 115 unit tests that run the gamut of tap related issues with browsers on Android, iOS, and soon Windows Phone.

On top of this, it correctly handles active states which have been a source of frustration for mobile controls, and which Fastclick does not properly handle.

Adam, one of our lead Ionic developers, has been agonizing over mobile tap issues so you don’t have to. We call it Adamclick to honor his dedication to such an annoying problem.

Meta Viewport Success

Ah, the viewport meta tag. So much unrealized potential! It was the dream of mobile developers to control a website’s transformation to a touch screen through a simple meta tag, but the reality has been a lot less fun. It seems every device handles this setting differently, and there are even variations between a mobile browser and the app running in Cordova.

Ionic now auto adjusts the viewport meta tag based on a set of heuristics to come up with the perfect viewport meta tag for your app. That means normalizing all of the issues with things like height=device-height across iOS and Android.

The end result is a more consistent viewport experience that Just Works and gives the best possible experience no matter which platform your app runs on.

Growing Showcase

We recently released a revamped Showcase page for user-submitted Ionic apps. With the new showcase we will be featuring some of the best Ionic apps, as well as showing the community what is truly possible with the framework.

So, if you’ve got a great Ionic app in development or already released, make sure to submit it and we will share it with the world! We will also be doing indepth features on the very best Ionic apps, so it’s a chance to get your app some great publicity.

1.0, and Beyond

If you’ve been following Ionic from our very first Alpha release a few months ago, you know how quickly things have changed, and how much better the framework has gotten in such a short amount of time.

Today, the project has over 5100 stars, 61 contributors from around the world, and over 400 new Ionic projects getting started every single day.

(Which reminds me, make sure to star the repo on GitHub if you haven’t! Thanks ๐Ÿ™‚)

With Collection Repeat, Tap fixes, and Keyboard improvements, we are feeling pretty confident about a 1.0 release lurking around the corner.

Along with this, we are going to be moving to a more frequent release schedule, with smaller fixes pushed weekly, instead of fewer bigger releases.

Beyond 1.0, you might be wondering what’s next for the framework. To be honest, we aren’t ready to share too many details, but we are working hard to make Ionic the most compelling mobile development platform in the world. This goes beyond just the framework, to other services and tools that are crucial to the success of a mobile app.

Give us a few months and we will have some awesome stuff to show!

Join us!

Our team has been growing quite a bit lately, and we’d love to have you join us on our mission to make the web the dominant technology of mobile apps.

Check out our jobs and get in touch if you think you’d be a great fit!

Thank you!

Without YOU Ionic would be yet another framework that no one uses. Thank you so much for your support, and here’s to a bright future of web tech on mobile!

Onward to 1.0!

Signup for the Ionic Newsletter to get the latest news and updates!

  • kunalnagar

    You guys are absolutely brilliant. This is by far the best framework I have ever used. Kudos and a really big thank you from the bottom of my heart.

  • Mark Broomfield

    A blog post with serious WOW factor. You guys sure have addressed some of the big ones in this release. Great work.

  • http://www.eyyad.net Eyad

    Awesome you guys! so looking forward to work with this!

  • jasondu

    GOOD JOB ,think you ionic!

  • Stephen Adams

    Is there a way to update your version of Ionic you are using in a app to the latest version?

    • yesimahuman

      Right now it’s a manual process (copy and paste new files). Hopefully adding some tools to do that soon!

      • jimforcy

        Using this Yeoman generator was super helpful for me to be able to automate my updates: https://github.com/diegonetto/generator-ionic

        • Nirav Gandhi

          hey, i am using this generator and wish to update my ionic version. How did you do it? I tried following documentation and its just over writing some of my important files. Could you please list out the steps?

  • Andrea Belli

    So fast! Thank you guys!

  • Roberto De la Fuente

    Great work guys! Both the framework and its community are amazing.

  • Michel Habib

    Great News, can’t wait to upgrade to this version and try the collection repeat system

  • http://krrishd.github.io/blog Krish Dholakiya

    Just a quick idea for your showcase, you guys should use tinypng.org for the app screenshots so they don’t take as long to load

    • yesimahuman

      Good call! Thanks, will get that up there soon.

    • http://buzzknow.com Buzzknow

      Or use Kraken.io that support jpg, gif, png ๐Ÿ™‚

  • stjepan

    Respect, guys.. very nice work…

  • http://nilsnh.wordpress.com/ Nils N. Haukรฅs

    Truly great work! Appreciate it greatly. ๐Ÿ™‚

  • Marรงal Juan Llaรณ

    Do you have any thoughts about Famo.us? Do you have any relationship?
    Thanks and great work!!

    • yesimahuman

      Sure. Famous is really impressive and fun. I’ve met a few of them and they are all great, smart people. We differ in where we think browsers are heading. We strongly believe the DOM is where developers want to and will increasingly build applications, and that browsers will continue to become faster and optimize for the app layout use case. We want to keep things standard. Famous sees a different future where we have a custom layout engine that just uses the browser for compositing. It’s great but it’s not the standard.

      I think it’s great for certain applications, but I think Ionic is a better fit for most data driven apps in terms of simplicity and speed of development, and also staying closer to what web developers already know and love, which is important when finding developers to work on your projects. Phones have gotten so much faster recently that Ionic apps feel perfectly native using normal browser features.

      • James

        I will say that – I picked up Ionic in a few hours and ran with it, while after 2 weeks I’m still trying to figure out how the hell to make a basic app in Famo.us

  • Deric Dominic

    Seriously …. You guys are awesome !! Ionic has the best framework ever… ! Get ready to get my hands dirty on it ๐Ÿ™‚

  • spex86

    Awesome work guys! I was at your presentation back at ng-conf and have been following your progress ever since. Just recently landed an app build, so now I’m damn excited to finally start using the framework. Thanks again and keep em’ coming!

  • http://fatihacet.com/ Fatih Acet

    Wow, such a big and great update. Thanks and keep up the great work!

  • Alejandro Sanchez

    Amazing! Thanks for doing this! you’re awesome! Im very agree with Mark Broomfield, you solve most of the big problems everyone is dealing with, great job!

  • http://crowd-themes.com Marko Tiosavljevic

    bravo guys ๐Ÿ™‚

  • nghuuphuoc

    Awesome is only word I can say at the moment!

  • http://buzzknow.com Buzzknow

    Thanks a lot ๐Ÿ™‚

  • Palle Simonsen

    Much, much needed and appreciated. I can only repeat the other statements of praise in this blog.
    As an idea think about having both a very basic starter, as today, and a more advanced starter showcasing how to build out with a more scalable and maintanable division of concerns into templates, services etc. … you know ๐Ÿ™‚

  • https://www.nothing.ch/ Nothing Interactive

    Fantastic update. We’ll be using and testing this new release straight ahead in our ongoing project. Impressive progress.

  • http://www.renatovieira.net Renato Vieira

    Well, itยดs angular based, and the only one, so only that would be enough to convince me, keep up the great work…and thanks!

  • Prithumit Deb

    does ionic have support for windows phone? if not when can we expect that?

    thanks for the wonderful work ๐Ÿ™‚

  • http://inyourinterface.ghost.io/ Scott D Brooks

    Love it! Thanks!

  • Alberto

    I tried Collection Repeat on samsung s2 and galaxy tab 7 and on tablet after few scroll all is blocked and all is slow as past. There is no performance improvements on old android devices.

  • biswarup dasgupta

    Hi,

    We are facing the viewport shrinking problem in our ionic app as you have described above. Is it possible to share a sample code to show what needs to be done in the ionic side when we receive the keyboard show/hide events?

    Thanks.

  • http://www.martinspierings.nl/ Martin Spierings

    Nice to see some improvements to the Clicking and Viewport. Only thing i’m wondering: how does it work on Windows Phone? Is it also supported? Cause is see you guys talking about iOS (which is basically the major influence for the GUI) and Android. I’ve done a few projects but clients nowadays also seem to want Windows Phone support. And of course i can do some customisation on that end but it really lacks in your docs and news updates. I know it doesn’t have a major community just yet and you would probably dump WP8.0 support once WP8.1 is there but still, the viewport is pretty irritating on WP too and the touch-events vs pointer-events is also a major issue these days. Now i can recommend this framework when we need a iOS/Android app but still won’t recommend if i need to support WP too. Not only because the interface is different (but i can customize the templates so it’s not that big of a deal) but because the viewport, click-events and debugging just isn’t optimal (hell, not even sub-optimal).

    One thing i often want in my apps is a fixed header/footer/sidebar which i can show/hide when i want. Currently the webview is often scrollable which breaks the thought about that. Now i can disable scrolling but that often breaks scrolling altogether. Does this update make it truely fixed without breaking scrolling in sub-divs?

    Another point i’d like to address is that having page-transitions is nice but currently you don’t have much control on showing what animations where. It would be nice to be able to set what transitions we want between what pages. This could be best set if we could use something like page-levels where Home is level 1, subpages are 2 and details of subpages are 3. Than if i go from level 1 to 2 i see a slide-left and from 3 to 2 is slide-right. But also if i’m going from 3 to 1. Anyways, having animations and touch-events based on those animations is kind of a hassle. So a implementation for handling touch-events would also be great. Currently tools like HammerJS and such aren’t really compatible with Windows Phone yet (not correctly)

    So any word on that?
    -Touche/Pointer-events
    -Fixed header/footer/sidebar without breaking scrolling?
    -WP8/8.1 support

  • julian_b

    great job… fast click and the keyboard implementation is making our developers lives easier!

  • sidali

    great job , thanks from algeria

  • aks

    is their any method to hide header-bar while scrolling down n show header when we scroll back up ???please tell the method if any?

  • Nirav Parsana

    Hi team,
    Thanks for an update.
    Still one of the most awaiting update is improving app starting time.
    Please provide solution as soon as possible.
    Thanks.

  • dev tester

    great job