
Preview code share on mobile demonstrates how the app renders on Android and iOS simulators, with platforms added automatically. The run shows the title 'Welcome to movies' on both devices.
Learn to connect your NativeScript app to a provided api by setting up a Python Django rest framework backend, serving dynamic json data from a local server.
Replace the starter content in the home component with a movies array and render titles on web and native templates, then enable dynamic data from a server via an API.
Replace the static movie list with data from the API by building an API service, using the http client, and subscribing to an observable.
Create a detail component and configure routes to display movie details, generate the component with Angular schematics, enable routing, and pass and read the movie id through the router.
Learn to style mobile applications with native script by applying predefined themes and using the theme builder to tailor light and dark layouts for mobile and web components.
This tutorial focus on the code sharing between mobile NativeScript and and Angular web app. I will show how we can have one single repository to handle the both projects and code sharing maximum code in-between the project.
We will start from scratch with a blank new project. I will start showing how to create Angular app and NativeScript separately and we will go through the content for each of them. Then we will create our code-sharing application. We will create classic master-detail view. List of items with images will be displayed and you can click on the item to load new page with more detailed information in. We will do styling the component and I show you how to communicate to external API with http requests. (I also provide that API for you). We will finish with having 3 working applications on different platforms (web, iOS and Android).
All that will be done using one source code and share maximum code between web app and mobile app using Angular and NativeScript.