Skip to content

Instantly share code, notes, and snippets.

@vchimev

vchimev/hmr-ns-ts-vue.md

Last active January 11, 2019 09:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vchimev/08fe9095d04e8d5d088aae5e96ad3f09 to your computer and use it in GitHub Desktop.
Save vchimev/08fe9095d04e8d5d088aae5e96ad3f09 to your computer and use it in GitHub Desktop.
Download ZIP
NativeScript-TypeScript ant NativeScript-Vue HMR Smoke Tests
Raw
hmr-ns-ts-vue.md

NativeScript-TypeScript HMR

Setup

  • create a master-detail application and update its dependencies/configs:
tns create my-master-detail-ts --template https://github.com/NativeScript/template-master-detail-ts
  • run the application:
tns run platform --hmr

Markup Module

  • change cars-list-page.xml: ActionBar's text
  • change accepted, app bootstraped, change applied

Script Module

  • change cars-list-page.xml: console.log()
  • change accepted, app bootstraped, change applied

Application Style Module

  • navigate to a detail
  • change app.platform.scss: Label's color
  • change accepted, no reload/restart, change applied
  • navigate back to list
  • change applied to the list

Additional

App Restart

  • stop/star the app
  • changes applied except application styles

Not Accepted Modules

  • change app.ts: console.log()
  • change not accepted, bundle.js transferred, app restarted
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment