This chapter covers:
- Overview of Svelte Native and NativeScript
- Provided components
- Getting started with Svelte Native
- Developing Svelte Native apps locally
- NativeScript styling
- Predefined NativeScript CSS classes
- A large example that demonstrates most provided components
- The NativeScript UI component library
Svelte Native (svelte-native.technology/) enables implementing Android and iOS applications using Svelte by building on top of NativeScript (nativescript.org/). It’s a big topic. The learning path includes how to structure a Svelte Native app, use provided components, use provided layout mechanisms, implement page navigation, use NativeScript-specific styling and themes, use third party libraries, and integrate with device capabilities. We will only scratch the surface here, but will cover enough to enable you to start building mobile apps.
NativeScript uses XML syntax (with custom elements), CSS, and JavaScript/TypeScript to create apps that run on Android and iOS devices. It renders native components rather than web views. NativeScript was created and is maintained by Telerik Corp. which was acquired by Progress Software in 2014.
NativeScript can be used without any web framework. In addition, there are integrations of several popular web frameworks with NativeScript. The NativeScript team supports Angular and Vue integrations, and the community at large supports React and Svelte implementations.