Cómo codificar aplicaciones internas aburridas 10 veces más rápido

Rate this content
Bookmark

ReTool es una herramienta de front-end como servicio que es similar a React y puede ser 10 veces más rápido que codificar una aplicación web desde cero. Nos centraremos en cómo y por qué se utiliza para herramientas internas en algunas de las empresas de más rápido crecimiento y dedicaremos un minuto a explicar cómo funciona, dónde encaja bien y dónde no.

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

FAQ

ReTool es una herramienta diseñada para ayudar a los ingenieros a crear software de manera rápida y eficiente, enfocándose en la construcción de herramientas internas como paneles de administración y interfaces CRUD.

Chris Smith es un hacker de corazón que comenzó a experimentar con QBasic en la escuela secundaria, seguido por Visual Basic, y desarrolló una pasión por las abstracciones visuales del código a lo largo de su carrera.

ReTool facilita la construcción de aplicaciones internas proporcionando un entorno donde los ingenieros pueden exponer metadatos, propiedades y contextos de componentes, integrar bases de datos y APIs fácilmente, y escribir JavaScript en todas partes de la aplicación.

Sí, dentro de ReTool puedes personalizar componentes utilizando React para crear componentes a medida o importar tus propias bibliotecas de JavaScript.

ReTool ofrece funcionalidades como autocompletado inteligente, inspección de esquemas de bases de datos SQL y GraphQL, autenticación personalizada y la posibilidad de desplegar localmente en nubes privadas virtuales.

Puedes contactar a Chris Smith a través de su cuenta de Twitter @CLS Smitty para cualquier pregunta sobre ReTool.

Puedes probar ReTool visitando su sitio web en retool.com.

Chris Smith
Chris Smith
7 min
09 Jun, 2021

Comments

Sign in or register to post your comment.
Video Summary and Transcription
ReTool es una plataforma que se enfoca en construir herramientas internas rápidamente. Ofrece integraciones fáciles con bases de datos y APIs, admite componentes personalizados de React y bibliotecas de JavaScript, y proporciona amplio soporte y opciones de implementación. Los desarrolladores pueden probarlo en retool.com.

1. Building Internal Tools with ReTool

Short description:

Hola, soy Chris Smith, un defensor del desarrollador en ReTool. Nuestro enfoque está en construir herramientas internas rápidamente. Exponemos metadatos y propiedades de componentes, ofrecemos integraciones fáciles con bases de datos y APIs, y permitimos componentes personalizados de React y bibliotecas de JavaScript. Brindamos amplio soporte y opciones de implementación. Pruébalo en retool.com.

Hola, mi nombre es Chris Smith, y esta es una charla sobre cómo construir herramientas internas aburridas 10 veces más rápido. Soy un defensor del desarrollador en ReTool, que es la captura de pantalla del producto que ves aquí. Y un poco sobre mí, soy un hacker de corazón, comencé a jugar con QBasic cuando estaba en la escuela secundaria, y jugué con Visual Basic y me apasioné mucho por las abstracciones visuales del código, y realmente ha sido el tema de mi career. Y lo que me llevó a ReTool, y ReTool existe para ayudar a los ingenieros a crear software valioso muy rápido. Y creo que esa es una visión realmente fascinante para nuestra empresa. Y por eso nos enfocamos en herramientas internas, y en construir herramientas internas mucho más rápido. Y es posible que te preguntes qué es una herramienta interna. Y solo piensa en todos los paneles de administración, las interfaces CRUD que has construido alguna vez, las aplicaciones internas personalizadas. Y estas existen en combinación con todo el software que escribirías para tu base de clientes externos, como tu sitio de marketing, tu producto. Si eres un proveedor de servicios SaaS, puedes ampliar tus herramientas SaaS actuales como Salesforce y construir esta interfaz de toma de notas mucho mejor en la parte superior de tu CRM. Y el enfoque de todo esto realmente es que es una herramienta construida por ingenieros para ingenieros. Y algunas de las cosas que hacemos para que sea realmente fácil para un ingeniero es exponer todos los metadatos y contexto y propiedades de estos componentes individuales, para que puedas escribir rápidamente el código que necesitas para hacer que todos los componentes funcionen y construir la aplicación que deseas construir. Un montón de integraciones de bases de datos y APIs muy fáciles de usar, así como la capacidad de conectarse a cualquier punto final de API abierto. Y así hay toneladas y toneladas de componentes que están preconstruidos. Y también puedes ampliar estos y construir tus propios componentes personalizados de React si quieres. Y mientras haces todo esto, realmente puedes escribir JavaScript en todas partes, hemos tratado de hacer posible tener una salida de escape para simplemente codificar lo que necesitas en cualquier parte de la aplicación, como usar esta función math dot round o establecer colores de fondo de tabla usando operadores condicionales. Y te sugeriremos automáticamente mientras estás escribiendo y llaves de apertura todas las diferentes objetos o métodos que creemos que están disponibles para ti. También inspeccionaremos el esquema de tus bases de datos SQL o tus puntos finales de GraphQL, y usaremos el autocompletado para mostrarte qué data devolver. Y como mencioné hace un segundo, puedes construir tus propios componentes personalizados de React si quieres. O importar tus propias bibliotecas personalizadas de JavaScript que luego puedes referenciar en cualquier parte de la aplicación. Y quiero decir que hay mucho más aquí. Puedes hacer soporte de authentication personalizado, puedes implementarlo localmente en tu propia nube privada virtual si es necesario, y sincronizarlo con tu propia instancia de GitHub. Espero que esto te sea útil como una herramienta nueva e interesante. Avísame si tienes preguntas. Puedes encontrarme en CLS Smitty en Twitter y puedes probarlo en retool.com. ¡Gracias!

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

Un Marco para Gestionar la Deuda Técnica
TechLead Conference 2023TechLead Conference 2023
35 min
Un Marco para Gestionar la Deuda Técnica
Top Content
Today's Talk discusses the importance of managing technical debt through refactoring practices, prioritization, and planning. Successful refactoring requires establishing guidelines, maintaining an inventory, and implementing a process. Celebrating success and ensuring resilience are key to building a strong refactoring culture. Visibility, support, and transparent communication are crucial for addressing technical debt effectively. The team's responsibilities, operating style, and availability should be transparent to product managers.
Remix Flat Routes – Una Evolución en el Enrutamiento
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – Una Evolución en el Enrutamiento
Top Content
Remix Flat Routes is a new convention that aims to make it easier to see and organize the routes in your app. It allows for the co-location of support files with routes, decreases refactor and redesign friction, and helps apps migrate to Remix. Flat Folders convention supports co-location and allows importing assets as relative imports. To migrate existing apps to Flat Routes, use the Remix Flat Routes package's migration tool.
Principios para Escalar el Desarrollo de Aplicaciones Frontend
React Summit 2023React Summit 2023
26 min
Principios para Escalar el Desarrollo de Aplicaciones Frontend
Top Content
This Talk discusses scaling front-end applications through principles such as tearing down barriers, sharing code in a monorepo, and making it easy to delete code. It also emphasizes incremental migration, embracing lack of knowledge, and eliminating systematic complexity. The Talk highlights the use of automation in code migration and the importance of removing barriers to enable smoother code migration.
Luchando contra la Deuda Técnica con la Refactorización Continua
React Day Berlin 2022React Day Berlin 2022
29 min
Luchando contra la Deuda Técnica con la Refactorización Continua
Top Content
This Talk discusses the importance of refactoring in software development and engineering. It introduces a framework called the three pillars of refactoring: practices, inventory, and process. The Talk emphasizes the need for clear practices, understanding of technical debt, and a well-defined process for successful refactoring. It also highlights the importance of visibility, reward, and resilience in the refactoring process. The Talk concludes by discussing the role of ownership, management, and prioritization in managing technical debt and refactoring efforts.
IA y Desarrollo Web: ¿Exageración o Realidad?
JSNation 2023JSNation 2023
24 min
IA y Desarrollo Web: ¿Exageración o Realidad?
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
Construyendo equipos interculturales de alto rendimiento
React Day Berlin 2022React Day Berlin 2022
25 min
Construyendo equipos interculturales de alto rendimiento
The Talk discusses the importance of effective communication and collaboration in cross-cultural teams. It emphasizes the impact of culture on communication and performance evaluation. The speaker highlights the differences between low-context and high-context communication styles and the need to understand cultural nuances. It also explores the challenges of giving feedback in multicultural teams and suggests ways to improve communication and create a feedback culture. The influence of language on communication and the importance of transparency and honesty in feedback are also discussed.

Workshops on related topic

Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
De Ingeniero a Líder: Un Masterclass para Líderes Tecnológicos Primerizos
TechLead Conference 2024TechLead Conference 2024
144 min
De Ingeniero a Líder: Un Masterclass para Líderes Tecnológicos Primerizos
Workshop
Andrew Murphy
Andrew Murphy
Transicionar de un rol de contribuidor individual a una posición de liderazgo, especialmente en la industria tecnológica de ritmo acelerado, es enormemente desafiante. La mayoría de los nuevos líderes no reciben ningún tipo de capacitación en los primeros 10 años de sus nuevas responsabilidades.Nuestro completo masterclass está diseñado para ayudar a los nuevos y emergentes líderes tecnológicos a comprender sus nuevos roles y adquirir las habilidades para convertirse en líderes seguros, felices y efectivos.
Managers Are From Mars, Devs Are From Venus
TechLead Conference 2024TechLead Conference 2024
111 min
Managers Are From Mars, Devs Are From Venus
Workshop
Mo Khazali
Mo Khazali
Una Guía para Desarrolladores sobre Cómo Comunicar, Convencer y Colaborar Efectivamente con los Stakeholders
Es una historia tan antigua como el tiempo: la colaboración entre desarrolladores y stakeholders de negocios ha sido durante mucho tiempo un desafío, con una falta de comunicación clara que a menudo deja a ambas partes frustradas. Los mejores desarrolladores pueden comprender profundamente las necesidades de sus contrapartes de negocios, comunicar efectivamente la estrategia técnica sin perder a la audiencia no técnica y convencer al negocio de tomar las decisiones correctas. Trabajando en una consultoría, he fallado y tenido éxito en arquitectar y “vender” visiones técnicas, aprendiendo muchas lecciones en el camino.Ya sea que trabajes en una empresa de productos, seas consultor/freelancer, o quieras aventurarte más allá de ser solo un desarrollador, la capacidad de convencer y comunicar claramente con los stakeholders puede diferenciarte en la industria tecnológica. Esto se vuelve aún más importante con el auge de GenAI y el mercado de desarrolladores cada vez más competitivo, ya que la resolución de problemas y la comunicación efectiva son clave para posicionarte.En esta masterclass, compartiré ejemplos del mundo real, tanto buenos como malos, y te guiaré a través de poner la teoría en práctica mediante dojos.
Fuera de la sartén, al fuego: Guía para gerentes sobre cómo ayudar a los nuevos desarrolladores a prosperar
TechLead Conference 2024TechLead Conference 2024
35 min
Fuera de la sartén, al fuego: Guía para gerentes sobre cómo ayudar a los nuevos desarrolladores a prosperar
Workshop
Andrew Coleburn
Andrew Coleburn
Integrarse a un nuevo proyecto puede ser difícil, sin importar tu experiencia y antecedentes. Pero puede ser especialmente desafiante para los nuevos desarrolladores recién salidos de la escuela o de un bootcamp de programación. Basándose en su experiencia personal como graduado de un bootcamp y consultor de JavaScript, esta charla discutirá consejos y estrategias para que los gerentes ayuden a los nuevos desarrolladores de sus equipos a familiarizarse con un código desconocido, para que puedan tener un impacto más rápido y efectivo.
Cómo crear experiencias de edición que tu equipo amará
React Advanced 2021React Advanced 2021
168 min
Cómo crear experiencias de edición que tu equipo amará
Workshop
Lauren Etheridge
Knut Melvær
2 authors
El contenido es una parte crucial de lo que construyes en la web. Las tecnologías web modernas aportan mucho a la experiencia del desarrollador en términos de construir sitios impulsados por contenido, pero ¿cómo podemos mejorar las cosas para los editores y creadores de contenido? En este masterclass aprenderás cómo usar Sanity.io para abordar la modelización de contenido estructurado, y cómo construir, iterar y configurar tu propio CMS para unificar los modelos de datos con experiencias de edición eficientes y agradables. Está dirigido a desarrolladores web que desean ofrecer mejores experiencias de contenido para sus equipos de contenido y clientes.