Book Image

NativeScript for Angular Mobile Development

By : Anderson, Nathan Walker
Book Image

NativeScript for Angular Mobile Development

By: Anderson, Nathan Walker

Overview of this book

NativeScript is an open source framework that is built by Progress in order to build truly native mobile apps with TypeScript, JavaScript or just Angular which is an open source framework built by Google that offers declarative templates, dependency injection, and fully featured modules to build rich applications. Angular’s versatile view handling architecture allows your views to be rendered as highly performant UI components native to iOS and Android mobile platforms. This decoupling of the view rendering layer in Angular combined with the power of native APIs with NativeScript have together created the powerful and exciting technology stack of NativeScript for Angular. This book focuses on the key concepts that you will need to know to build a NativeScript for Angular mobile app for iOS and Android. We’ll build a fun multitrack recording studio app, touching on powerful key concepts from both technologies that you may need to know when you start building an app of your own. The structure of the book takes the reader from a void to a deployed app on both the App Store and Google Play, serving as a reference guide and valuable tips/tricks handbook. By the end of this book, you’ll know majority of key concepts needed to build a successful NativeScript for Angular app.
Table of Contents (17 chapters)
13
Integration Testing with Appium

Understanding Redux and integrating @ngrx/store

Redux is an open source library that defines itself as a predictable state container for JavaScript apps. The concepts are not exactly new, but the details were developed by Dan Abramov in 2015 who was influenced by Facebook's Flux and the functional programming language, Elm. It quickly gained popularity among the React community as it was used throughout Facebook.

We don't want to redefine what Redux is, so we will quote directly from the Redux repo (https://github.com/reactjs/redux):

The whole state of your app is stored in an object tree inside a single store.
The only way to change the state tree is to emit an action, an object describing what happened.
To specify how the actions transform the state tree, you write pure reducers.

That's it!

The concept is fairly simple and quite brilliant. You...