React: Fundamentos y Componentes

React

• React es una biblioteca de JavaScript para construir interfaces de usuario, especialmente para aplicaciones de una sola página (SPA).
• Los componentes son bloques reutilizables que definen la interfaz de usuario (UI). Pueden ser de clase o funcionales.
• JSX es una extensión de la sintaxis de JavaScript que permite escribir código similar a HTML dentro de JavaScript.
• El Virtual DOM es una representación ligera del DOM real. React lo utiliza para minimizar las manipulaciones directas en el DOM real, mejorando el rendimiento.
• El estado (state) es un objeto que almacena datos dinámicos que determinan cómo se renderiza un componente.
• Los Hooks permiten usar el estado y otras características de React en componentes funcionales.
• useState permite agregar estado a los componentes funcionales, mientras que useEffect maneja efectos secundarios, como llamadas a APIs o actualizaciones del DOM.
• Una "key" es un identificador único que React usa para optimizar la renderización de listas.
• React utiliza bibliotecas como react-router-dom para manejar rutas y navegación dentro de la aplicación.
• Un "higher-order component" (HOC) es una función que toma un componente y devuelve un nuevo componente con funcionalidad adicional.

C# y .NET

• El Common Language Runtime (CLR) es el entorno de ejecución de .NET que maneja la ejecución del código .NET, la gestión de memoria y más.
• El Garbage Collector en .NET es un sistema de administración de memoria que automáticamente libera memoria no utilizada.
• Un delegate es un tipo que representa referencias a métodos con un tipo de parámetro y valor de retorno específico.
• Un evento en C# es un mecanismo para manejar comportamiento asíncrono, basado en la suscripción a un delegate.
• LINQ (Language-Integrated Query) permite hacer consultas de datos directamente en C# sobre colecciones, bases de datos, XML, etc.
• Entity Framework (EF) es un ORM (Object Relational Mapper) que facilita trabajar con bases de datos relacionales mediante objetos de C#.
• Se manejan excepciones en C# usando bloques try, catch, finally y lanzando excepciones con throw.
• async y await son palabras clave para escribir código asíncrono más fácilmente, permitiendo que las aplicaciones no se bloqueen mientras esperan tareas como llamadas a bases de datos o APIs.
• Las clases abstractas pueden tener métodos implementados y abstractos, mientras que las interfaces solo definen la firma de los métodos.
• El polimorfismo permite tratar a objetos de diferentes tipos derivados de una misma clase base como si fueran del tipo base, utilizando sobrecarga o herencia.

Arquitectura Fullstack

• REST (Representational State Transfer) es un estilo de arquitectura para construir APIs, que se basa en recursos accesibles mediante URLs.
• Los verbos HTTP más comunes son GET, POST, PUT, DELETE, PATCH y cada uno tiene un propósito en la manipulación de recursos.
• Un JWT (JSON Web Token) es un estándar para representar de forma segura la información entre partes como un token que puede ser verificado y confiado.
• CORS (Cross-Origin Resource Sharing) es un mecanismo que permite controlar qué recursos pueden ser accedidos por scripts desde otros dominios.
• Se puede implementar la autenticación en una aplicación fullstack usando:
  • Autenticación basada en tokens (JWT)
  • Autenticación con OAuth
  • Autenticación tradicional con sesiones y cookies
• MVC es un patrón de diseño que separa una aplicación en tres componentes: Modelo, Vista y Controlador.
• Se debe manejar la validación de datos en el lado del cliente con JavaScript/React para una mejor experiencia de usuario y en el servidor con C# para garantizar la seguridad.
• Los middlewares son componentes que se ejecutan en la tubería de solicitudes HTTP en el servidor y pueden manejar tareas como la autenticación, el registro, la manipulación de respuestas, etc.
• El API Gateway es un punto de entrada único para varias APIs, que puede manejar tareas como la autorización, el registro de auditoría, la seguridad y el direccionamiento de las solicitudes a los servicios back-end correspondientes.