Sesion-02

Sesión 02: Estado (state) y Propiedades (props)

🎯 Objetivos:

• Introducción de componentes stateful (clase).
• Entender la diferencia entre componentes stateless (funcionales) y stateful (clase).
• Cómo declarar y usar el estado en componente stateful.
• Cómo declarar, mandar y usar valores para usarse como propiedades.
• Entender el virtual DOM.

Secciones:

🛠 Prework

Objetivos:

• Saber que son las Props (Propiedades)
• Conocer que es el Estado (State)
• Saber que es this.state

¿Qué son las Props (Propiedades)?

Las propiedades son la manera que tienen los componentes de React de comunicarse entre sí...leer mas

🕵 Ejemplos:

• Ejemplo 01: Tarea completada/no completada

• Ejemplo 02: Tarea (mismo comportamiento) con props

💻 Retos:

• Reto 01: Tarea con checkmark

🛡 Postwork

Mejorando el componente checkmark...leer más

⚛ ORGANIZACION DE LA CLASE

• Componentes stateless (funcionales) VS stateful (clase).
• Conversión de stateless a stateful y viceversa.
• Cuándo y porqué usar cada componente.
• Declaración y utilización de estado (state).
• Declaración y utilización de propiedades (props).
• Buenas prácticas de propiedades (librería prop-types).

🎩 Buenas prácticas para las propiedades (props).