Image for post
Image for post
Photo by Jamie Street on Unsplash

NativeScript Android: Done.

NativeScript iOS: Working.

Prerequisites

  • Define a package name for your project. Example: com.renzocastro.demo.
  • A file sound in mp3, wav or ogg (44Hz) for your notification. For the demo, we will use a sound file in ogg format.
  • An Android phone (no emulator).

Firebase Cloud Messaging

Firebase Cloud Messaging (FCM) is a cross-platform cloud solution for messages and notifications for Android, iOS, and web applications.

  • Create a free Firebase account: https://console.firebase.google.com.
  • Add a new project (or use a project created).
  • In the project, go to Project settings and Cloud Messaging tab for see the Server Key.


Si queremos escribir código aplicando las últimas especificaciones de JavaScript (ES2015+), tenemos que convertirlo usando una configuración que lo haga compatible según donde se usará.

Por ejemplo no todos los navegadores soportan ES7 entonces podemos transpilar nuestro código a ES2005 que es aceptado por todos los navegadores actuales o podemos transpilarlo a ES5 para dar soporte desde Internet Explorer 10.

Image for post
Image for post

Para esta tarea usaremos Babel. Que de hecho no solo sirve para transpilar desde (.js), sino también desde TypeScript (.ts), React (.jsx), entre otros.

En este artículo usaremos babel v7 y babel-loader v8 en Webpack v4. …


Image for post
Image for post

Webpack es un bundler, eso significa que nos ayudará a empaquetar de forma optimizada los archivos de nuestro sitio web en uno o varios archivos. No esta limitado solo a JavaScript, también empaqueta CSS, HTML, imágenes, entre otros según como lo configuremos.

Las versiones usadas durante la creación de este artículo fueron webpack@4.19.1 y webpack-cli@3.1.0.

Entre las características más destacadas de esta versión podemos mencionar:

  • Performance improvement: Es la versión más rápida hecha hasta ahora.
  • Zero Configuration: No dependemos de configuraciones para empezar a usar webpack.

Para poder explicar de que va “Zero Configuration” primero vamos a describir unos puntos y luego vamos con algo práctico. …

About

Renzo Castro Jurado

UI Developer • Angular • NativeScript • NodeJS • CSS Lover

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store