React

  • ¿Qué es React Native?

    React Native, creado por Facebook en 2015, es un entorno de desarrollo para aplicaciones multiplataforma, que utiliza JavaScript y React como base. Al igual que React en el ámbito del desarrollo web, React Native emplea componentes y un enfoque declarativo para crear interfaces de usuario dinámicas y escalables.

  • Cómo utilizar Redux en nuestra app de React

    En el siguiente artículo vamos a estar viendo cómo debemos de hacer para trabajar en nuestro proyecto de React con Redux, de la mano de librerías como react-redux y redux-toolkit, desde su instalación en el proyecto hasta las implementaciones básicas del store, slices y otros.

  • Componentes controlados y componentes no-controlados

    Cuando trabajamos con React, podemos utilizar componentes controlados y no controlados. Si bien generalmente se recomienda el uso de los controlados, hay situaciones en las que puede ser ventajoso el uso de los no controlados.
    En este blog veremos en detalle en qué consiste cada uno a través de un ejemplo.

  • Conociendo en profundidad el React Hook useState

    Hook useState

    Cuando empezamos a estudiar los React Hooks por lo general el primer Hook que aprendemos es useState, este Hook nos te permite añadir el estado de React a un componente funcional.
    En este articulo vamos a conocer todos los secretos que esconde el Hook useState, entraremos en detalle sobre su estructura y conoceremos las mejores practicas para usarlo correctamente y evitar los errores comunes.

  • Fundamentos básicos de Redux

    En este artículo vamos a estar hablando acerca de algunos conceptos básicos para entender ¿qué es? y ¿cómo funciona? Redux.

  • Introducción a los React Hooks

    Introducción - React Hooks En este artículo veremos una introducción a los Hooks de React, que son, como se utilizan, beneficios y reglas para su correcto uso.

  • Next.js: Tipos de Renderizado (CSR, SSR, SSG, ISR)

    tipos de renderizado portada

    Para entender un poco de que se trata el contenido del post, es necesario conocer lo que es Next.js, recomiendo leer un resumen de eso aqui

    ¿Que es el "Tipo de Renderizado"?

    En el contexto de desarrollo web, el término "renderizado" se refiere al proceso de generar la interfaz de usuario y presentarla en el navegador del usuario. Este proceso implica convertir los datos y la lógica de la aplicación en una representación visual que el usuario puede ver e interactuar.

  • React Hook useEffect: utilización, consideraciones generales y buenas practicas

    React Hooks - useEffect

    useEffect es el segundo React Hook mas utilizado y nos permite llevar a cabo efectos secundarios en componentes funcionales de React. Peticiones de datos, establecimiento de suscripciones y actualizaciones manuales del DOM en componentes de React serían ejemplos de efectos secundarios.
    En este articulo vamos a aprender a utilizar el Hook useEffect, para que sirve, los tipos de efectos secundarios que puede manejar y daremos un par de recomendaciones para usarlo correctamente y evitar los errores mas comunes.