Chapter 7. Advanced techniques for professional apps

 

This chapter covers

  • Customizing Ionic styles using Sass variables
  • Handling gestures and events
  • Storing and persisting data between app uses
  • Modifying your app to adapt to different platforms
  • Configuring Ionic default behaviors and settings

This chapter focuses on some advanced techniques that you could incorporate into most apps. As Ionic developers dig deeper into the platform, they’ll likely discover that the core components, while useful, can’t provide everything well-designed apps need. There should be an element of uniqueness for every app. Just using Ionic’s components out of the box without any customization or creativity isn’t the best approach for quality apps.

Using these various techniques, you’ll be able to design apps that take the strengths of Ionic and extend it for a unique experience. You’ll be able to mold an app to adapt its design and behavior for different platforms and improve the user experience through events and using storage.

7.1. Set up chapter project

This chapter is a bit different from the previous chapters where you built a full-scale app. Here the examples are minimized to focus on just the features we’re discussing at the time. You can either download the chapter examples or use Git to check out a copy for yourself.

7.2. Custom Ionic styling using Sass

7.3. How to support online and offline mode

7.4. Handling gesture events in Ionic

7.5. Storing data for persistence

7.6. Building one app for multiple platforms

7.7. Modify default behaviors with $ionicConfigProvider

7.8. Summary