fredimenarguez/week7_day2

State, lists & keys, conditional rendering

JavaScript

week7_day2

React | State

React | List & keys

React | Conditional rendering

React | State

Los stateful components pueden disponer de estado, donde se almacenan tanto los datos cambiantes del mismo como los estados visuales por los que puede transurrir el componente.
El estado es un objeto accedido mediante this.state y actualizado mediante el método .setState()
Actualizar el estado supone renderizar de nuevo las partes que sean necesarias de la interfaz.

React | List & keys

Es posible iterar sobre un Array para renderizar una lista de elementos de JSX o de componentes.
Cada elemento resultante debe disponer de una propiedad key de valor ùnico.
A través del operador de propagación, es posible enviar la totalidad del objeto al componente en vez de en props independientes.

Main points: import & export

React permite dos tipos de exportaciones:
- Nominales:
  - Permiten exportar un número indeterminado de elementos desde un archivo.
  - Deben ser importados mediante la sintaxis:
```
import {nombreExportacion} from 'path'
```
- Por defecto:
  - Un archivo puede exportar un único elemento por defecto, mediante la sintaxis:
```
export default nombreExportacion
```
  - La importación del mismo puede realizarse bajo cualquier nomenclatura.