- Frameworks
- Lenguajes
- Gestores de estado
- Biblotecas CSS
- Herramientas generales
- Bases de datos
- Librerias back-end
- Librerias front-end
Frameworks
React
Biblioteca de JavaScript de código abierto para construir interfaces de usuario permite dividir la interfaz en piezas más pequeñas y reutilizables. Basada en la componetización de la UI: la interfaz se divide en componentes independientes, que contienen su propio estado, cuando este cambia React vuelve a renderizar la interfaz.
Open-source JavaScript library for building user interfaces. It allows you to break the interface into smaller, reusable pieces. Based on UI componentization: the interface is divided into independent components, each containing its own state. When the state changes, React re-renders the interface.
Next.js
Next.js es un framework de React para construir aplicaciones web full-stack. Usas Componentes de React para construir interfaces de usuario y Next.js para características y optimizaciones adicionales: enrutamiento, renderizado, obtención de datos, estilos, optimizaciones, TypeScript.
Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. routing, rendering, data fetching, styling, optimizzations, typescript.
Astro
Framework web para construir sitios web orientados al contenido, como blogs, marketing y comercio electrónico. Islas, agnóstico de UI, 0 JS por defecto, colecciones de contenido, personalizable.
Web framework for building content-driven websites like blogs, marketing, and e-commerce. islands, ui agnostic, 0 js by default, content collections, customizable.
Express.js
Framework de aplicaciones web minimalista y flexible para Node.js que ofrece un conjunto robusto de características para aplicaciones web y móviles.
Minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
Lenguajes de programación
HTML
Código que se utiliza para estructurar y desplegar una página web y sus contenidos.
Code used to structure and deploy a web page and its contents.
CSS
Lenguaje de estilos utilizado para describir la presentación de documentos HTML.
Styling language used to describe the presentation of HTML documents.
JavaScript
Lenguaje de programación que debes usar para añadir características interactivas a tu sitio web se puede aplicar a un documento HTML y usarse para crear interactividad dinámica en los sitios web.
Programming language you should use to add interactive features to your website. It can be applied to an HTML document and used to create dynamic interactivity on websites.
TypeScript
??
Gestores de estado
Redux
Librería JavaScript de código abierto para el manejo del estado de las aplicaciones. es una pequeña librería con una API simple y limitada, diseñada para ser un contenedor predecible del estado de la aplicación.
Open-source JavaScript library for state management in applications. It is a small library with a simple and limited API, designed to be a predictable container for the application's state.
Zustand
Una solución de manejo del estado pequeña, rápida y escalable. Redux requiere que tu aplicación esté envuelta en proveedores de contexto; Zustand no lo requiere.
A small, fast, and scalable bearbones state management solution Redux requires your app to be wrapped in context providers; Zustand does not.
Biblotecas CSS
Bootstrap
Un potente toolkit para frontend lleno de características.
A powerful, feature-packed frontend toolkit.
TailwindCSS
Un framework CSS basado en utilidades que se puede componer para construir cualquier diseño, directamente en tu marcado. Tailwind CSS funciona escaneando todos tus archivos HTML, componentes JavaScript y cualquier otra plantilla en busca de nombres de clase, generando los estilos correspondientes y luego escribiéndolos en un archivo CSS estático.
Es rápido, flexible y confiable — sin tiempo de ejecución.
A utility-first CSS framework that can be composed to build any design, directly in your markup. Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
It's fast, flexible, and reliable — with zero-runtime.
MaterialUI
Biblioteca de componentes de React de código abierto que implementa el Material Design de Google. Es completa y se puede usar en producción directamente. Incluye una colección integral de componentes preconstruidos listos para usar en producción desde el principio, y cuenta con una serie de opciones de personalización que facilitan la implementación de tu propio sistema de diseño personalizado sobre nuestros componentes.
Open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box, and features a suite of customization options that make it easy to implement your own custom design system on top of our components.
StyledComponents
???
Herramientas generales
Docker
Docker es una plataforma de software que le permite crear, probar e implementar aplicaciones rápidamente. Docker empaqueta software en unidades estandarizadas llamadas contenedores que incluyen todo lo necesario para que el software se ejecute, incluidas bibliotecas, herramientas de sistema, código y tiempo de ejecución.
Docker is a software platform that allows you to quickly build, test, and deploy applications. Docker packages software into standardized units called containers, which include everything needed for the software to run, including libraries, system tools, code, and runtime.
Postman
Herramienta de colaboración y desarrollo que permite a los desarrolladores interactuar y probar el funcionamiento de servicios web y aplicaciones. proporcionando una interfaz gráfica intuitiva y fácil de usar para enviar solicitudes a servidores web y recibir las respuestas correspondientes.
Collaboration and development tool that allows developers to interact with and test the functionality of web services and applications, providing an intuitive and user-friendly graphical interface for sending requests to web servers and receiving the corresponding responses.
TablePlus
TablePlus es una herramienta moderna y nativa con una interfaz elegante que te permite gestionar múltiples bases de datos simultáneamente, como MySQL, PostgreSQL, SQLite, Microsoft SQL Server y más.
TablePlus is a modern, native tool with elegant UI that allows you to simultaneously manage multiple databases such as MySQL, PostgreSQL, SQLite, Microsoft SQL Server and more.
Git
Software de control de versiones diseñado por Linus Torvalds, pensando en la eficiencia, la confiabilidad y compatibilidad del mantenimiento de versiones de aplicaciones cuando estas tienen un gran número de archivos de código fuente. Su propósito es llevar registro de los cambios en archivos de computadora incluyendo coordinar el trabajo que varias personas realizan sobre archivos compartidos en un repositorio de código.
Version control software designed by Linus Torvalds with a focus on efficiency, reliability, and compatibility in maintaining versions of applications with a large number of source code files. Its purpose is to keep track of changes to computer files, including coordinating the work of multiple people on shared files in a code repository.
GitHub
Forja (plataforma de desarrollo colaborativo) para alojar proyectos utilizando el sistema de control de versiones Git. Se utiliza principalmente para la creación de código fuente de programas de ordenador.
Forge (collaborative development platform) for hosting projects using the Git version control system. It is primarily used for the creation of source code for computer programs.
Cloudinary
Servicio en la nube que proporciona una plataforma integral para la gestión de medios digitales, como imágenes y videos. Permite a los desarrolladores almacenar, gestionar, manipular y entregar medios de forma eficiente a través de una API fácil de usar.
Cloud service that provides a comprehensive platform for managing digital media, such as images and videos. It allows developers to store, manage, manipulate, and deliver media efficiently through an easy-to-use API.
Chromatic
Una herramienta de prueba y revisión visual que escanea todos los posibles estados de la interfaz de usuario a través de los navegadores para detectar errores visuales y funcionales.
A visual testing & review tool that scans every possible UI state across browsers to catch visual and functional bugs.
Progressive Web Aplications
Las PWA son aplicaciones web construidas y mejoradas con APIs modernas para ofrecer capacidades, fiabilidad e instalabilidad mejoradas, mientras llegan a cualquier persona, en cualquier lugar y en cualquier dispositivo, todo con una sola base de código.
PWA are web application built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device, all with a single codebase.
Service Workers
Firebase
????
Vite
Una herramienta de construcción que tiene como objetivo proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos. Consiste en dos partes principales:
Un servidor de desarrollo que ofrece mejoras de características sobre los módulos ES nativos, por ejemplo, un reemplazo de módulo en caliente (HMR) extremadamente rápido.
Un comando de construcción que agrupa tu código con Rollup, preconfigurado para generar activos estáticos altamente optimizados para producción.
A build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
Bases de datos
MongoDB
NoSQL DB, orientado a documentos y de código abierto.
En lugar de guardar los datos en tablas, tal y como se hace en las bases de datos relacionales, MongoDB guarda estructuras de datos BSON (una especificación similar a JSON) con un esquema dinámico, haciendo que la integración de los datos en ciertas aplicaciones sea más fácil y rápida.
NoSQL DB, document-oriented and open source.
Instead of storing data in tables, as is done in relational databases, MongoDB stores data structures in BSON (a specification similar to JSON) with a dynamic schema, making data integration in certain applications easier and faster.
Firestore
Cloud Firestore es una base de datos de documentos NoSQL que te permite almacenar, sincronizar y consultar datos fácilmente para tus aplicaciones móviles y web a escala global.
Cloud Firestore is a NoSQL document database that lets you easily store, sync, and query data for your mobile and web apps - at global scale.
PostgreSQL
Un potente sistema de base de datos relacional de objetos de código abierto que utiliza y extiende el lenguaje SQL, combinado con muchas características que almacenan y escalan de manera segura las cargas de trabajo de datos más complicadas.
A powerful, open source object-relational database system that uses and extends the SQL language combined with many features that safely store and scale the most complicated data workloads.
Librerias back-end
Mongoose
Una solución directa basada en esquemas para modelar los datos de tu aplicación. Incluye conversión de tipos incorporada, validación, construcción de consultas, hooks de lógica de negocio y más, todo listo para usar.
A straight-forward, schema-based solution to model your application data. It includes built-in type casting, validation, query building, business logic hooks and more, out of the box.
Prisma
ORM (Mapeo Objeto-Relacional) de código abierto para Node.js y TypeScript con un modelo de datos legible, migraciones automáticas, seguridad de tipos y autocompletado.
Open source Node.js and TypeScript ORM with a readable data model, automated migrations, type-safety, and auto-completion.
Socket.io
Socket.IO es una biblioteca que permite la comunicación bidireccional, de baja latencia y basada en eventos entre un cliente y un servidor.
Socket.IO is a library that enables low-latency, bidirectional and event-based communication between a client and a server.
Json Web Token
Un estándar abierto (RFC 7519) que define una manera compacta y autónoma de transmitir información de manera segura entre partes en forma de un objeto JSON. Esta información puede ser verificada y confiable porque está firmada digitalmente.
An open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object. This information can be verified and trusted because it is digitally signed.
Bcrypt
Libreria para utilizar la función de hash de contraseñas y derivación de claves para contraseñas basada en el cifrado Blowfish.
Library for using the password hashing and key derivation function based on Blowfish encryption.
Librerias front-end
ReactQuery
Librería de obtención de datos para aplicaciones web, pero en términos más técnicos, facilita la obtención, almacenamiento en caché, sincronización y actualización del estado del servidor en tus aplicaciones web.
Data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your web applications a breeze.
StoryBook
Entorno frontend para construir componentes y páginas de la interfaz de usuario de manera aislada, que te ayuda a desarrollar y compartir estados difíciles de alcanzar y casos extremos sin necesidad de ejecutar toda tu aplicación. Se utiliza para el desarrollo, prueba y documentación de la interfaz de usuario.
Frontend workshop for building UI components and pages in isolation, it helps you develop and share hard-to-reach states and edge cases without needing to run your whole app. Used for UI development, testing, and documentation.
Axios
Cliente HTTP basado en promesas para node.js y el navegador. Es isomorfico (= puede ejecutarse en el navegador y nodejs con el mismo código base). servidor -> modulo nativo http de node.js, cliente -> XMLHttpRequests.
Promise-based HTTP client for Node.js and the browser. It is isomorphic (= can run in the browser and Node.js with the same codebase). Server -> Node.js native http module, Client -> XMLHttpRequests.