Construye aplicaciones similares a React para herramientas internas 10 veces más rápido con Retool

Rate this content
Bookmark

La mayoría de las empresas tienen que construir software personalizado e interfaces a medida para sus datos con el fin de impulsar procesos internos como extensiones de prueba de usuario, reembolsos, gestión de inventario, administración de usuarios, etc. Estas aplicaciones tienen requisitos únicos y a menudo, resolver el problema rápidamente es más importante que la apariencia. Retool facilita a los desarrolladores de JavaScript construir rápidamente aplicaciones similares a React para herramientas internas utilizando interfaces de API y base de datos preconstruidas, así como componentes de interfaz de usuario reutilizables. En este masterclass, repasaremos cómo algunas de las empresas de más rápido crecimiento están haciendo herramientas internas y construiremos algunas aplicaciones simples para explicar cómo Retool funciona a partir de tus conocimientos existentes de JavaScript y ReactJS para permitir la construcción rápida de herramientas.


Prerrequisitos:

Una cuenta de prueba gratuita en Retool.com

Algunos conocimientos básicos de JavaScript y bases de datos SQL/NoSQL


Enlace útil de Retool: https://docs.retool.com/docs

This workshop has been presented at JSNation Live 2021, check out the latest edition of this JavaScript Conference.

FAQ

Retool es una herramienta que facilita la creación de software de manera rápida, especialmente útil para el desarrollo de herramientas internas como paneles de administración y aplicaciones CRUD. Ofrece una interfaz de arrastrar y soltar y conectores preconstruidos para bases de datos y APIs, lo que ahorra tiempo en la conexión a diferentes fuentes de datos.

Retool permite a los ingenieros crear herramientas internas rápidamente mediante una interfaz de arrastrar y soltar, una gran cantidad de conectores preconstruidos para APIs y bases de datos, y la capacidad de escribir JavaScript o SQL en cualquier parte de la aplicación para implementar la lógica empresarial.

Con Retool, se pueden construir desde paneles de administración y aplicaciones CRUD hasta aplicaciones internas personalizadas que incluyan gestión de inventarios, soporte al cliente, renovación de contratos y gestión de proveedores, entre otros.

Sí, Retool permite personalizar componentes usando CSS y crear tus propios componentes de React. También puedes crear paquetes de componentes, conocidos como módulos, que facilitan la reutilización de funcionalidades comunes dentro de varias aplicaciones.

Retool proporciona una amplia gama de conectores preconstruidos para integrarse con bases de datos y servicios API, como REST APIs y GraphQL. También ofrece la posibilidad de configurar conexiones a fuentes de datos personalizadas y realizar consultas SQL o utilizar JavaScript para manipular datos.

En Retool, puedes escribir JavaScript en cualquier parte de la aplicación para manipular datos, realizar cálculos, y personalizar la lógica de negocio. Esto incluye la posibilidad de interactuar con componentes, realizar operaciones condicionales y manejar eventos.

Sí, Retool admite la integración con sistemas de control de versiones como Git, lo que permite a los equipos desarrollar aplicaciones y mantener un historial de cambios, facilitando la colaboración y la gestión de versiones de las aplicaciones desarrolladas.

Sí, Retool ofrece una versión que puede ser desplegada localmente dentro de la infraestructura del usuario, lo cual es útil para organizaciones que requieren mantener todos sus datos internamente o que tienen políticas de seguridad que limitan el uso de software como servicio (SaaS).

Chris Smith
Chris Smith
86 min
16 Jun, 2021

Comments

Sign in or register to post your comment.
Video Summary and Transcription
El masterclass de hoy cubrió los desafíos de construir herramientas internas e introdujo Retool, una herramienta que ayuda a los ingenieros a crear software valioso rápidamente. Retool elimina la necesidad de código boilerplate y permite diseños prácticos y funcionales. Ofrece una interfaz de arrastrar y soltar, conectores de API y base de datos preconstruidos, y la capacidad de escribir JavaScript o SQL. El masterclass también cubrió temas como la construcción de aplicaciones, la personalización de componentes, la carga de archivos CSV, la edición y actualización de registros, la funcionalidad de eliminación, la conexión a APIs, la construcción de interfaces y la configuración de permisos y opciones de personalización.
Video transcription and chapters available for users with access.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Repensando las Estrategias de Agrupación
React Day Berlin 2023React Day Berlin 2023
32 min
Repensando las Estrategias de Agrupación
The talk discusses rethinking bundling strategies, focusing on challenges such as long-term caching and improving the state of Next.js and Webpack. It explores handling immutable caching and content hashes, optimizing asset references and page manifests, and addressing issues with client-side navigation and long-term caching. The talk also covers tree shaking and optimization, optimizing module fragments and code placement, and the usage and relationship of TurboPack with Webpack. Additionally, it touches on customizing configuration and hash risks, barrel imports and code splitting, and entry points and chunking heuristics.
Construyendo el Generador de Código de Widgets de Figma
React Advanced 2022React Advanced 2022
19 min
Construyendo el Generador de Código de Widgets de Figma
This Talk introduces Figma's Widget Code Generator and demonstrates how to build a FigJam widget using it. The speaker discusses the implementation of voting functionality, avatar functionality, and remove vote functionality. They also explain how the Widget Code Generator plugin works and how to access properties and modify names using the Figma plugin API.
Comienza a Construir tus Propias Herramientas de JavaScript
JSNation 2023JSNation 2023
22 min
Comienza a Construir tus Propias Herramientas de JavaScript
[♪ music ♪ by The Illuminati plays)] I see a common thread across any project I work on. Different developers are making the same mistake and we have preferred ways of doing things. Preventing mistakes and sharing best practices are great reasons to look at tools like linters and in particular ESLint. Let's write our first rule together. We're just scratching the surface of building our own tools, which can have a massive impact on improving the developer experience.
Reglas avanzadas de linting con ESLint
TypeScript Congress 2023TypeScript Congress 2023
10 min
Reglas avanzadas de linting con ESLint
Tibor Blanesy from Sonar presents advanced techniques for linting with ESLint, including the use of ControlFlowGraph to detect errors in code. The algorithm is based on liveness analysis, which identifies live variables at any point in the program. Additionally, the talk covers the computation of block sets using the difference between outset and kill set unionized with genset.
Cómo no(!) construir aplicaciones en tiempo real
Node Congress 2024Node Congress 2024
10 min
Cómo no(!) construir aplicaciones en tiempo real
Today's Talk discusses different approaches for implementing real-time updates in server-side applications, including application-level updates and polling. The drawbacks of polling include inefficiency and complexity at scale. Adding extra infrastructure, like messaging systems, can ensure scalability but introduces operational overhead. Prisma Pulse is a system that simplifies change data capture, providing an easy setup for subscribing to database changes and solving scalability issues.
¿Es Bun 'Realmente' Más Rápido?
React Advanced 2024React Advanced 2024
24 min
¿Es Bun 'Realmente' Más Rápido?
Welcome to React Advanced London. Today's agenda: what is bun? Features, benchmark, demo, key takeaways. Bun provides a better developer experience, faster CI, and decreased app file size. Building bun on top of Zig prioritizes performance, stability, and compatibility. Install bun with npm or download the binary from the official website. Bun is a comprehensive development toolkit with a fast and efficient package manager. Learn how to benchmark CLI commands using Hyperfine with flags. Compare different package managers. Bond is fast and provides a few features in its package manager: install, add, remove, update, link. Test the bond test runner against vtest and jest using hyperfine. Discover the features supported by the test runner and the importance of bundling in JavaScript applications. Learn about the main.js code, the performance comparison of different bundlers, and the features offered by Bun, including loaders and macros. Explore macros in Bonn and how to optimize the code by including the type macro. Discover the benefits of Bonn, such as reducing CPU usage and fast installation of node dependencies.