Desde hace mucho se ha querido entender todo lo que sucede para que el cerebro humano sea tan excelente. Allí suceden cosas que realmente no tienen una explicación. Sin embargo, ha existido forma de cómo enseñarle algo. Puede ser desde ese punto en que quizá una pregunta cualquiera, con tonos de pensador existencial, lleva a querer entender aquellas cosas. De todos modos, enseñarle al cerebro es lo esencial para llegar a entender cómo es que el aprender ocurre.

Imaginemos que vamos a enseñarle al cerebro cómo realizar un análisis a componente construidos con react.js, para verificar que ocupan el espacio que les corresponde sin invadir el de otros componentes. Algo muy común del desarrollo front end es que tu 'caja' o elemento o contenedor (box-model) tenga un margin, un padding o algún position del elemento que descuadra el layout. Aquellos detalles es mejor tenerlos a raya para que no afecten el UX y la UI tenga escalabilidad.

Vamos a nuestro cerebro, realizamos la solicitud y esperamos a que fetch, axios, django-request o el que más uses, resuelva lo pedido. Y nuestra cabeza responde:

"... Ya me sé el hack para saber cómo mitigar que los elementos se puedan estar traslapando entre sí y ocupando espacio que no les corresponde!"

Escribe en tu CSS — ordena:

* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }

Ahora se puede identificar fácilmente inconsistencias por medio de CSS. `Pero... así? No recuerdo ni que hace ese * `.
Calma, te voy a explicar cómo se aprende y cómo lo vas a usar después de leer este post. Primero, a formato breve, veamos cómo funciona un poco el aprendizaje en el cerebro.

La neurociencia es quien se encarga de investigar el sistema nervioso. "... la manera de entender nuestras conductas y lo que es más importante aún: cómo aprende, cómo guarda información nuestro cerebro y cuáles son  los procesos biológicos que facilitan el aprendizaje".

Para comprender esto se necesita aprender cómo se da el aprendizaje:
Cada neurona dentro del cerebro se compone de dendritas y axónes, entradas y salidas. Dentro de cada neurona ocurre un procesamiento de información lo que lleva cada impulso, entrada de información, a combinar señales desde y hacia otras neuronas. Las entradas de información son estimulos que llegan al cerebro. Por ejemplo: el estimulo de la comprensión que cada *  en nuestro CSS será un selector de un nodo de elementos de acuerdo al nivel jerárquico que se encuentren los mismos.
En el cerebro se activan neuronas que forman rutas, paths, interconectándose entre ellas. Cuando hay un grupo de neuronas interconectadas, chunks, que se activan cada que ese mismo estimulo ocurre, se crean patrones o estructuras neuronales de conocimiento. Estas estructuras se refuerzan cada que el estimulo llega, o sea, cada que usas, lees, practicas, haces, realizas, ejecutas, planeas una acción, un deporte, un pensamiento, un estudio, etc...

El cerebro mapea toda la información y genera una conexión que siempre refuerza la estructura neuronal de conocimiento para formar el patrón.

Entonces, la explicación de nuestro hack es que la diferente profundidad de los nodos utilizará un color diferente que permitirá ver el tamaño de cada elemento en la página, su margen y su relleno.

Examinando RansoPodcast
Imagen 1. RansoPodcast

La comprensión de nuestro hack puede ser más sencilla de lo que parece. En la imagen de arriba, un ejemplo de una web en la que el año pasado trabajé, se puede ver aplicado y así verificar cuales elementos pueden estar invadiendo espacio que no les corresponde y corregir otros que no sabiamos. El botón de 'Ver podcast' y los componentes del reproductor son ejemplo. El primero invade un espacio que no debe y el segundo no tienen un layout. Ahora tenemos aprendida una ayuda que usándola nos permitirá reforzar su entendimiento.

.

Nuestros estimulos ocurren al querer aprender. Los patrónes que se forman ayudan a que el cerebro expanda y genere más rutas de aprendizaje. Entender mejor lo que se aprende refuerza estas rutas. Una estructura neuronal de conocimiento se crea y si se se refuerza ese conocimiento, el cerebro tendrá una red base extensa para aprender. Qué vas a aprender?