React es una poderosa librería que nos da la posibilidad de crear aplicaciones dinámicas por medio del uso de su poderosa y simple API. Pero lo realmente revolucionario de React no es sólo la tecnología y la implementación detrás de todo, si no, que el concepto instalado desde sus inicios. Componentes y una nueva forma de pensar tus aplicaciones: Pensando en React.
Un componente es una unidad aislada de tu interfaz. Esta unidad es un conjunto de lógica, representación y diseño que puede funcionar de forma aislada sin necesidad de conocer otros componentes de la interfaz.
Un componente expone una API que le permite comunicarse con el mundo exterior, esta API se define por medio de las props, que no son más que atributos del componente que permite al desarrollador manipular el componente en si mismo.
React ofrece una API para crear un componente que permite trabajar de forma declarativa siendo la librería quien se hace cargo de comunicarse con la imperativa API del DOM. Esto es el VirtualDOM.
Pensar en React es implementar un nuevo modelo mental que te permite rápidamente visualizar y definir componentes en una interfaz para así planificar la arquitectura de los mismos y ser capaz rápidamente de encontrar unidades lógicas que pueden ser reutilizadas y compartidas.
El directorio de esta lección está vació y esto es por que en esta lección solo revisaremos algunos conceptos usando ejemplos de código e interfaces de otros proyectos.
Para esta primera lección revisaremos una interfaz conocida para encontrar los diferentes componentes que la definen.
- Encontrar componentes en una interfaz
- Desarrollar el modelo mental de pensar en componentes.
Para hacer esto seleccionaremos una aplicación o interfaz y la dividiremos en los distintos componentes, podemos hacer esto de forma manual con lápiz y papel o utilizando alguna herramienta de dibujo.