Alquimista de código

En está ocasión veremos algunos de los requisitos necesarios para empezar con React. Si bien ya hemos hecho algunos posts sobre esta tecnología no está de más comentar sobre los requisitos esenciales para aprender a fondo está tecnología. Requerimientos antes de iniciar con React Nivel Tema clave Qué aprender 🟢 Básico HTML, CSS, JavaScript ES6 DOM, eventos, funciones flecha, destructuring, módulos 🟢 Básico JSX Sintaxis de HTML dentro de JavaScript 🟢 Básico Componentes funcionales function MyComponent() { return <div>...</div>; } 🟡 Intermedio Props y State Comunicación entre componentes y manejo de estado local 🟡 Intermedio Eventos y formularios onClick , onChange , useState para inputs 🟡 Intermedio Ciclo de vida con hooks useEffect , useRef , ...

En esta ocasión veremos cómo crear una sencilla aplicación con React . Es importante hacer notar que la herramienta https://create-react-app.dev/ ha sido deprecada ( declarada obsoleta ). Así que usaremos Vite para crear la aplicación. En una entrega anterior como instalarlo y usarlo. Recordemos un poco. Debemos contar con estas herramientas instaladas: Node y Npm.  Vite. En caso de no tenerlo instalado, procedemos a teclear esto en una terminal de comandos: $ npm install - g vite Verificamos la instalación con cualquiera de estos comandos: $ vite -- version $ npm list - g vite Crear una aplicación React con Vite nos lleva tan solo unos segundos (aproximadamente): $ mkdir holamundo $ cd holamundo $ npm create vite@latest holamundo - react -- -- template react $ npm install $ npm run dev Se abrirá el navegador en la URL: http://localhost:5173/ Creando una aplicación con React (y Vite) Podemos usar como base el proyecto anteriorm...

Continuando con Loopback , un framework para crear microservicios con Node JS y Typescript , está vez crearemos un sencillo api rest que calcule la probabilidad de un evento. La fórmula que emplearemos será la siguiente: Probabilidad = eventosExitosos / totalEventosOcurridos Donde: Evento : Un evento es un resultado particular que nos interesa.  Casos favorables (eventosExitosos) : Son los resultados que cumplen con las condiciones del evento que estamos estudiando.  Casos posibles (totalEventosOcurridos): Son todos los resultados que pueden ocurrir en un experimento. Lo primero que haremos seá instalar Loopback si no lo tenemos instalado: $ npm install -g @loopback /cli Creamos un directorio y nos ubicamos en el: $ mkdir calcula-probabilidad && cd calcula-probabilidad Creamos la aplicación con Loopback: $ lb4 app Esto iniciará un prompt donde colocaremos las características del proyecto. Iniciamos la aplicación: $ npm start Ah...

En una entrega pasada hablamos sobre ClojureScript , una librería que compila código Clojure a Javascript. Hoy veremos cómo instalar ClojureScript con la herramienta NPM. Requisitos: Tener instalado Node y Npm. Nociones de Clojure y Javascript. Abrimos una terminal e instalamos la librería: $ npm install -g clojurescript Verificamos la instalación: $ npm list -g Creamos un archivo llamado `` hola.cljs `` Dentro de este escribimos lo siguiente: ( ns hola ) ( defn main [ ] ( js/console.log "Hola, mundo con ClojureScript" ) ) ( main ) Ejecutamos con este comando: $ cljs hola.cljs Si queremos compilar código Clojure a Javascript la recomendación es usar shadow-cljs . Si todo va bien, veremos éste mensaje: Hola , mundo con ClojureScript Continuaremos en próximas entregas. Enlaces: https://www.npmjs.com/package/clojurescript https://clojurescript.org/guides/quick-start

En esta ocasión veremos cómo crear una aplicación web con ClojureScript . Requisitos: Tener instalado Node (Npm).  Tener conocimientos de HTML, Javascript y un poco de CSS. Tener conocimientos de Clojure . La aplicación será una sencilla calculadora de pulsaciones. Fórmulas: No. pulsaciones masculina = ( 220 - edad ) No. pulsaciones femenina = ( 226 - edad ) El formulario pedirá tres datos: Nombre. Edad y  Género (masculino y femenino). Comenzamos creando el directorio del proyecto y nos posicionamos en el: 1 2 $ mkdir pulsaciones-cljs $ cd pulsaciones-cljs Iniciamos un proyecto con Npm: 1 $ npm init -y Deberemos instalar éstas dependencias: 1 2 3 $ npm install shadow-cljs $ npm install reagent $ npm install react react-dom create-react-class Instalar también `` http-server ``, esto para ejecutar la aplicación (al final): 1 $ npm install http-server La estructura de carpetas será la siguiente: 1 2 3 4 5 6 7 8 pulsaciones-cljs/ ...

Vue Js es considerado un Framework progresivo en el cual se van agregando módulos de acuerdo a la necesidad que vaya surgiendo. Al trabajar con este framework nos encontraremos que es muy similar a Angular y/o React JS. Vue Js , al igual que otras herramientas, es ideal para el desarrollo de aplicacaciones tipo SPA. Pero, ¿qué es una SPA? Una Single-Page Application (SPA) es un tipo de aplicación web que ejecuta todo su contenido en una sola página. Y funciona más o menos así: Al abrir la página web completa se irá cargando el contenido HTML, CSS y Javascript. Al abrir otra sección no se cargará de nuevo todo el contenido, solo esa sección. Así se obtienen diferentes vistas sobre la misma página. Es una forma dinámica de trabajo.  ¿Qué se necesita antes de usar este framework (y cualquier otro similar)? Tener nociones de HTML. Tener nociones de CSS. Tener nociones de Javascript. Un framework, en teoría, nos facilitará la existencia a la hora de desarrollar una aplica...