Reactjs La Web Dinamica

ReactJS fue creado por Facebook (ahora Meta). Es una biblioteca de Javascript usada para generar interfaces de usuario SPA (Single Page Application), es decir, sitios web constituídos por una única página, logrando así una experiencia similar a un programa de escritorio, esto es: mucho más fluida que un sitio web tradicional.

React, como también se le conoce, constituye únicamente la interfaz de usuario, es decir, la vista si se quiere ver en un contexto MVC o MVVM. Por ello es necesario integrarla con el backend del sitio web, regularme utilizando peticiones asíncronas.

La popularidad de Javascript hace que React sea fácilmente adoptado en diferentes entornos como pueden ser el empresarial, o educativo. Esto se debe a que en prácticamente todo ellos, está presente un desarrollador web. Esto hace que la capacitación y la curva de aprendizaje sean mucho más simples de abordar y económicamente viables.

Las tecnologías web están presentes en prácticamente cualquier sector y muchas veces resultan ser el enlace primario entre el cliente y la empresa, o entre gobierno y ciudadanos. Resultan cruciales para la optimización de recursos, disminución de tiempos e inclusive ahorro de recursos. Por ello los profesionales capacitados tienen una constante alta demanda. Tecnologías como React suelen ofrecer sueldos más atractivos que tecnologías vanilla (tradicionales).

Objetivos🔗

• Comprender la estructura general de ReactJS.
• Entender y aplicar los métodos de construcción de interfaces declarativas.
• Manejar y utilizar correctamente los estados de la aplicación.
• Interactuar de manera transparente con otras bibliotecas de Javascript.

Temario🔗

Instalación y configuración🔗

• Sublime Text / Visual Studio Code
• Node.js

Aplicaciones básicas con React incrustado🔗

• Incrustando React en un sitio existente.
• Primeros pasos con JSX.
• Creando el primer componente de React.
  • Clases ES6.
  • Funciones (tradicionales y flecha).

Migrando de incrustación a toolchain🔗

• Primeros pasos con Create React App
• Migrando aplicaciones previas.

ReactJS general🔗

• Componentes.
• Hooks: useState().
• Rendering condicional.
• Listas.
• Formularios.
• Routing (rutas).
• CSS (estilos) con SASS.
• Axios como herramienta de peticiones.

Hooks🔗

• useState()
• useContext()
• useRef()
• useReducer()
• useCallback()
• Hooks propios.

Temas selectos (opcionales)🔗

• Despligue (deploying) de aplicaciones.
  • Firebase.
  • Netlify.
  • Github Pages
• Redux.
• Next.js