MAP: es el reemplazo de for ich, toma todos los elementos de un
array los pasa a un parámetro de callback.
El retorno es un nuevo array y no modifica el array original, pasa los
ítems del array por una función.
Resultado es un listado con las cervezas.
ORGANIZACIÓN DE CODIGO:
Pages: componentes que sean una página entera, ejemplo Home,
header, footer…
Son elementos padre.
Components: todo componente que sea parte de una página,
ejemplo menú, cards, etc.
PROPS: propiedades de los componentes, valor que se le pasan a los
componentes para modificar su comportamiento o valor de retorno.
Su valor puede ser string, una función, numero, etc.
Configura el componente.
ESTADOS: almacen de datos mutantes y son automáticos (var), es
propio de cada componente lo maneja internamente.
Maneja datos que cambian con el tiempo o eventos que sucedan
Diferencia entre estados y props:
Ambos manejan datos, el estado es interno se puede pasar por fuera
del componente y la prop llega de forma externa porque inicia desde
el padre y transfiere al interior (hijos).
Si hay intermediario es prop sino es estado.
HOOKS: conocidos/ predeterminados> useState
Custom hooks > funciones que hacen una funcionalidad y dan una
respuesta entorno a eso.
Eventos: -
……………………………………………………………………………………………
……………………
Aplicación de notas:
Objetivo: que se cree una lista con las notas que se ingresen, que se
puedan eliminar.
taskForm contiene el input de texto donde se ingresara el campo
donde se pueda agregar la nota/ tarea y el botón de cargado.
TaskList contiene el listado de los componentes cargados desde el
TaskForm.
[Link] va a tener una prop: onAddTask
[Link] va a contener prop: tasks, toggle (prender si esta apagado
o apagar si esta prendido) onToggleComplete y onDeleteTask.
Props TaskItem:
Task
onToggleComplete
onDeleteTask