Entradas

Mostrando entradas de agosto, 2019

React JS - Componentes funcionales y de clase

Imagen
Componentes y Propiedades Básicamente tenemos 2 tipos de componentes, los funcionales y los de clase. Aceptan parámetros de entrada llamadas "props", veamos primero como definimos un componente funcional A tener en cuenta que los nombres de los componentes deben empezar en mayúsculas , porque si empiezan en minúscula React puede interpretarlo como tag html (para mas detalle sobre esto leer:  https://es.reactjs.org/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized ). Ahora vemos lo mismo pero con un componente de clase: La clase WelcomeClass tiene un método render en el cual el contenido es exactamente igual al del componente funcional. Luego hablaremos un poco mas de las clases ya que tienen algunas particularidades extras. En el siguiente ejemplo, juntamos el hola mundo del anterior post. Salvo que en esta ocasión no utilizaremos el elemento para ser renderizado, sino que renderizaremos el componente funcional...

React JS - Primeros pasos

Imagen
Tantos años trabajando en el desarrollo web, básicamente mi fuerte siempre fue el backend, y es por eso que decidí empezar a fortalecer la parte respecto a la interfaz de usuario. A lo largo de estos meses voy a ir trabajando en los UI Frameworks mas populares de la actualidad.  Empecemos por lo básico que cualquier novato, que aspira a conocer un lenguaje o framework nuevo, haría al empezar... ir a la fuente:  https://es.reactjs.org , dentro del sitio de React tenemos una parte donde te enseñan React haciendo un juego (learn by doing  o aprender haciendo) o sino el clásico tema por tema con códigos de ejemplo. Yo empecé viendo el juego ya que me gusta hacer videojuegos pero al finalizarlo noté como que iba muy rápido como para alguien que nunca vio JSX o React. JSX?... si ya hablaremos de el. Por lo pronto nos enfocaremos en los conceptos principales:  https://es.reactjs.org/docs/hello-world.html Ok, ya tenemos por donde empezar a leer, ahora b...