Meteor es una plataforma de JavaScript de pila completa que se utiliza para desarrollar aplicaciones web y móviles modernas. Meteor tiene un conjunto de características que son útiles para crear una aplicación web o móvil receptiva y reactiva utilizando JavaScript o diferentes paquetes disponibles en el marco. Se utiliza para crear aplicaciones reactivas de cliente conectado.
Tracker es un paquete que permite que las plantillas y otros cálculos se repliquen rápidamente cuando se modifican las variables, las consultas de la base de datos u otras fuentes de datos. Tracker.autorun nos permite ejecutar una función que se basa en fuentes de datos reactivas de tal manera que la función se reproduce si los datos cambian más adelante.
Sintaxis:
Tracker.autorun(function () {
...
});
Crear una aplicación Meteor y un módulo de importación:
Paso 1: Cree una aplicación React usando el siguiente comando.
meteor create foldername
Paso 2: después de crear la carpeta de su proyecto, es decir, el nombre de la carpeta, muévase a ella con el siguiente comando.
cd foldername
Estructura del proyecto : Se verá como lo siguiente.
Paso para ejecutar la aplicación: ejecute la aplicación desde el directorio raíz del proyecto, utilizando el siguiente comando.
meteor
Ejemplo: Este es el ejemplo básico que muestra cómo usar el componente Rastreador.
Main.html
<head>
<title>GeeksforGeeks</title>
</head>
<body>
<div>
{{> table}}
</div>
</body>
<template name="table">
<h1 class="heading">GeeksforGeeks</h1>
<p>
Click on the button below to get the
next value of the table of 12.
</p>
<button id="myButton">NEXT</button>
</template>
Main.js
import './main.html';
let count = 0;
Session.set('value', count);
Tracker.autorun(function () {
let result = Session.get('value');
console.log(`12 x ${result} = ${result * 12}`);
});
Template.table.events({
'click #myButton': function () {
Session.set('value', count++);
}
});
Producción:
Referencia: https://docs.meteor.com/api/tracker.html
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA