React JS

El desarrollo web es una rama en mucho crecimiento en la actualidad, que se compone de

muchos aspectos interesantes y complejos. Una tecnologia muy importante actualmente
entre una alta variedad para el desarrollo frontend es React JS, que ha ganado su lugar
gracias a los resultados y posibilidades que ofrece.

React Js es una librería de javascript para construir interfaces de usuarios rápidas y

dinámicas, hoy en día eso se aprecia de gran manera. Si un sitio web o aplicación no es
llamativa o no transmite nada al usuario ya se tiene mucho perdido. Cabe resaltar que
React JS no es un lenguaje, herramienta o framework, como lo pueden ser otras opciones
famosas del mercado. Esto en ningún motivo significa algo malo y se puede observar en el
éxito que ha tenido los últimos años, siendo la biblioteca preferida por muchas aplicaciones
y empresas globalmente reconocidas. Esto a su vez ha abierto lugar a muchas
oportunidades laborales en el desarrollo de React por parte de muchas organizaciones, es
por eso que no sería para nada mala idea tener conocimientos de cómo utilizarlo.

Uno de los factores que hace que React sea muy atractivo es su versatilidad, porque
descubrimos que se puede usar como una herramienta para el desarrollo web front-end
como se le conoce comúnmente, y se puede usar con otros productos del lado del servidor.
También vale la pena señalar que también se enfoca en el desarrollo móvil con React
Native, que le permite crear aplicaciones para iOS y Android.

La comunidad de React es muy grande también, para el mundo esta es la biblioteca de más
rápido crecimiento en los últimos años. Es utilizado por una gran cantidad de
desarrolladores en todo el mundo, lo que significa que podemos encontrar una gran
cantidad de documentos, ejemplos y tutoriales. También se debe enfatizar que la biblioteca
se utiliza para desarrollar sitios web importantes, como Facebook e Instagram.

Otro detalle que vale la pena resaltar es que React continúa evolucionando, si pensamos
entrar en el mundo React, es importante recordar que no es un producto estancado. Ésta es
una de las funciones que mantiene activa la biblioteca, tiene una función que se actualiza
con frecuencia y que puede corregir y mejorar el producto. Esto también significa que los
desarrolladores deben estar al tanto de las últimas novedades.

Diseño UX/UI
UX

UX (User Experience) se refiere a la forma en que los usuarios interactúan con nuestros
productos o servicios. Es decir, cómo y cuál es el motivo por el que los usuarios utilizan
objetos o interactúan con sitios web o aplicaciones. No hay duda de que la esencia del
diseño UX se centra en el conocimiento de los usuarios. En otras palabras, para crear un
buen diseño de UX hay que entender las necesidades de los usuarios y satisfacerlas de una
forma sencilla y clara. Por este motivo los buenos resultados son útiles para los usuarios.

Al iniciar con un nuevo cliente un proyecto podemos seguir los siguientes pasos:
 ● Empatía
● Definición
● Ideación
● Prototipado
● Testeo

Para el UX hay que tratar de facilitar todo para el usuario y todo el feedback es positivo para
alcanzar una aplicación competente dependiendo del tema o enfoque de la aplicación.
Teniendo siempre como fin perfeccionar la experiencia del usuario, buscando fluidez y que
sea agradable.

Algunas herramientas para tener retroalimentación son:

● Observación
● Observación Participativa
● Entrevistas
● Focus Groups
● Data Analytics
● Tendencias y Search
● Ventas
● Encuestas

UI

Por otro lado, el diseño de UI o interfaz de usuario se centra en la parte visual. Si el UX

asegura que el producto es útil para el usuario, la UI lo hace atractivo y visual. El color, la
tipografía y las imágenes son algunos de los elementos que utilizan los diseñadores de UI
para hacer que los productos sean atractivos. Sin embargo, si no se pueden satisfacer las
necesidades de los usuarios esperados, tener un producto hermoso sería inútil. Por eso el
UX y UI deben ir de la mano para diseñar productos completamente enfocados para los
clientes y que puedan disfrutarlos.

Hay que tener presente que se tiene que cuidar mucho los colores ya que transmiten
sentimientos y dependiendo del producto o servicio hay que elegir adecuadamente los
colores que predominarán en la aplicación.
Es la misma idea con tipografía, la facilidad de lectura es muy importante para una buena
experiencia al usuario entonces hay que saber elegir entre serif o san serif para textos o
títulos y que estén de acorde a la estructura de la aplicación.

Al diseño UI se puede aplicar la psicología de la GESTALT que consta de los siguientes

principios:

● Principio de la semejanza
● Principio de la proximidad
● Principio de la continuidad
● Principio de dirección común
● Principio de la relación figura-fondo
● Principio de igualdad
● Principio del cierre
Utilizando WSL2 para un ambiente de desarrollo de bases de datos

WSL2 Es un sub-Sistema GNU completo en Windows que tiene muchas características muy
interesantes para desarrollar, como ejecutar bash shell scripts transparentemente,
instalación de RPM ejecución de binarios Linux en Windows y un mejor performance en el
file System todo desde el sistema host que seria Windows.

La posibilidad de tener un kernel totalmente completo en windows facilita muchas acciones

y se vuelve más eficiente para ciertas tareas, tal sería el caso de montar bases de datos.
Para todo esto usar los contenedores de Docker para un ambiente localizado y con
tecnología de microservicios. Todo esto aumentando la eficiencia para la base de datos.

La estructura de Docker en windows

● CLI Client
● Docker CLI
● Docker Back end
● Docker Core

Para poder desarrollar base de datos con WSL2 se debe preparar el ambiente de trabajo,
definiendo contenedores de SQL con docker, crear volúmenes de contenedores para
preservar los datos, configurar repositorio git, ejecutar la imagen del container en docker y
usar ACI.