» [Curso] Reactjs⚛️, así mo más fácil
01.- Curso de Reactjs ⚛️ [Que es y cómo instalarlo]
¿Que es reactjs? ¿Un lenguaje de programación?: No ¿Un framework?: No Reactjs es una librería hecha para poder programar nuestra aplicaciones de forma fácil sencilla y basada en componentes y cada componente es independiente a los demá, lo que me recuerda a iframe. Si llegaron a usar Iframe, un iframe era una forma de meter […]
03.- Manejo de datos con Reactjs⚛️ y prop-types
En este tutorial vamos a aprender a usar prop-types y ustedes se preguntaran ¿que no estábamos trabajando con reactjs?, pues si es verdad, pero prop-types es una librería que nos ayuda a leer datos y pasarlos a nuestros componentes. Una mala noticia es que prop-types no viene pordefault con reactjs pero la buena es que […]
04.- Reactjs⚛️ trabajar con clases [class y render en reactjs]
En este tutorial vamos a aprender a crear clases en reactjs, si hemos visto las funciones que hemos trabajado no hemos manejado clases. Lo mas apropiado o mas recomendado es trabar con clases. public/index.html <!DOCTYPE html><html lang=”en”> <head> <meta charset=”utf-8″ /> <link rel=”shortcut icon” href=”%PUBLIC_URL%/favicon.ico” /> <meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <meta name=”theme-color” content=”#000000″ /> […]
05.- Reactjs⚛️ [Renderizar elementos con state]
State nos ayuda a renderizar (renderear) partes específicas de nuestro programa sin tener que refrescar toda nuestra pagina, esta es la magia de reactjs. import React, { Component } from ‘react’;class Miclase extends Component { constructor(){ super(); this.state={ count:1 }; this.clickBotones=this.clickBotones.bind(this); } componentDidMount(){ this.setState({ count:1 }); } clickBotones(e){ if(e.target.id===”sumar”){ this.setState({ count:this.state.count+1 }); } else if(e.target.id===”restar” […]
06.- Reactjs⚛️ [Routers]
En este tutorial vamos a trabajar con los routers y no los routers no son esos aparatitos que nos dan las compañias de telefono para proveer internet. Los routers es lo siguiente: imaginemos que tenemos nuestra pagina web y cuando accedemos a una URL en específico nos muestra cierto contenido (de cualquier forma que accedamos […]