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.

7 min
09 Jun, 2021

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.

Available in English

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

TechLead Conference 2023TechLead Conference 2023
35 min
A Framework for Managing Technical Debt
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt.In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.

React Day Berlin 2022React Day Berlin 2022
29 min
Fighting Technical Debt With Continuous Refactoring
Top Content
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt. In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.
React Summit 2023React Summit 2023
26 min
Principles for Scaling Frontend Application Development
After spending over a decade at Google, and now as the CTO of Vercel, Malte Ubl is no stranger to being responsible for a team’s software infrastructure. However, being in charge of defining how people write software, and in turn, building the infrastructure that they’re using to write said software, presents significant challenges. This presentation by Malte Ubl will uncover the guiding principles to leading a large software infrastructure.
React Day Berlin 2022React Day Berlin 2022
25 min
Building High-Performing Cross-Cultural Teams
Everything we do, from the way in which we write our emails, to the method in which we provide negative feedback and evaluate performance, governs the performance of our teams. And understanding how culture impacts our efficacy as a team can drastically improve our day-to-day collaboration. In this session you'll learn: How different cultures communicate, How different cultures evaluate performance and give constructive criticism, How different cultures make decisions, How different cultures trust, How different cultures perceive time.
JSNation 2023JSNation 2023
24 min
AI and Web Development: Hype or Reality
In this talk, we'll take a look at the growing intersection of AI and web development. There's a lot of buzz around the potential uses of AI in writing, understanding, and debugging code, and integrating it into our applications is becoming easier and more affordable. But there are also questions about the future of AI in app development, and whether it will make us more productive or take our jobs.
There's a lot of excitement, skepticism, and concern about the rise of AI in web development. We'll explore the real potential for AI in creating new web development frameworks, and separate fact from fiction.
So if you're interested in the future of web development and the role of AI in it, this talk is for you. Oh, and this talk abstract was written by AI after I gave it several of my unstructured thoughts.

Workshops on related topic

React Advanced Conference 2021React Advanced Conference 2021
168 min
How to create editor experiences your team will love
Workshop
Content is a crucial part of what you build on the web. Modern web technologies brings a lot to the developer experience in terms of building content-driven sites, but how can we improve things for editors and content creators? In this workshop you’ll learn how use Sanity.io to approach structured content modeling, and how to build, iterate, and configure your own CMS to unify data models with efficient and delightful editor experiences. It’s intended for web developers who want to deliver better content experiences for their content teams and clients.