How to Code Boring Internal Apps 10x Faster

Rate this content
Bookmark

Retool is a front-end as a service tool that is similar to React and can be 10x faster than coding a web app from scratch. We’ll focus on how and why it is used for internal tools at some of the fastest growing companies and take a minute to walk through how it works, where it’s a good fit and where it’s not.

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

FAQ

The speaker is Chris Smith, a developer advocate at ReTool.

The main topic of the talk is how to build boring internal tools 10 times faster using ReTool.

ReTool is a platform that helps engineers create valuable software quickly, focusing on building internal tools much more efficiently.

ReTool focuses on internal tools such as admin panels, CRUD interfaces, and custom internal apps.

Key features of ReTool include easy-to-use database and API integrations, pre-built and extensible components, the ability to write JavaScript everywhere, and custom authentication support.

Yes, you can build your own custom React components and pull in your own custom JavaScript libraries in ReTool.

Yes, ReTool supports connecting to any open API endpoint and provides easy-to-use database and API integrations.

Yes, ReTool can be deployed locally into your own on-premise virtual private cloud and can be synced with your own GitHub instance.

ReTool auto-suggests available objects or methods, introspects the schema of your SQL databases or GraphQL endpoints, and uses autocomplete to help you write code efficiently.

You can try out ReTool at 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 is a platform that focuses on building internal tools quickly. It offers easy integrations with databases and APIs, supports custom React components and JavaScript libraries, and provides extensive support and deployment options. Developers can try it out at retool.com.

1. Building Internal Tools with ReTool

Short description:

Hi, I'm Chris Smith, a developer advocate at ReTool. Our focus is on building internal tools quickly. We expose metadata and properties of components, offer easy database and API integrations, and allow custom React components and JavaScript libraries. We provide extensive support and deployment options. Try it out at retool.com.

Hi, my name is Chris Smith, and this is a talk on how to build boring internal tools 10 times faster. I am a developer advocate at ReTool, which is the screenshot of the product you see here.

And a little bit about me, I'm a hacker at heart, started playing around with QBasic when I was in middle school, and messed around with Visual Basic and got really passionate about the visual abstractions of code, and it's really been the theme of career. And what led me to ReTool, and ReTool exists to help engineers create valuable software really fast. And I think that's a really fascinating vision for our company.

And so our focus is on internal tools, and building internal tools much more quickly. And you might be wondering an internal tool. And just think about all of the admin panels, the CRUD interfaces you've ever built, the custom internal apps. And these kind of exist in combination with all the software you'd write for your external customer base, say your marketing site, your product. If you're a SaaS cover, extend your current SaaS tools like Salesforce and build this really better note taking interface on top of your CRM. And the focus of all this really is that it's a tool built by engineers for engineers.

And so some of the things that we do to make that really easy for an engineer is expose all of the metadata and context and properties of these individual components, so that you can really quickly write the code you need to make all the components work to build the application you want to build. A whole lot of really easy to use database and API integrations, as well as the ability to connect to any open API endpoint. And so there's tons and tons of components that are pre built. And you can also extend these and build your own custom React components if you want to. And as you're doing all this, you can really write JavaScript everywhere, we've tried to make it possible to have an escape hatch to just code whatever you need anywhere across the entire app like using this math dot round function or setting table background colors using conditional operators. And we'll auto suggest as you're writing and curly braces all the different objects or methods that we think are available to you. We'll also introspect the schema of your SQL databases or your GraphQL endpoints, and use autocomplete to show you which data to return. And as I mentioned a second ago, you can build your own custom React components if you want to. Or pull in your own custom JavaScript libraries which you can then reference anywhere in the app. And I mean there's so much more here. You can do custom authentication support, you can deploy it locally into your own on premise virtual private cloud if you need to, and sync it with your own GitHub instance. So I hope this is helpful for you as a potentially new interesting tool. Let me know if you have questions. You can find me at CLS Smitty on Twitter and you can try it out at retool.com.

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

A Framework for Managing Technical Debt
TechLead Conference 2023TechLead Conference 2023
35 min
A Framework for Managing Technical Debt
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 – An Evolution in Routing
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – An Evolution in Routing
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.
Principles for Scaling Frontend Application Development
React Summit 2023React Summit 2023
26 min
Principles for Scaling Frontend Application Development
Top Content
Watch video: Principles for Scaling Frontend Application Development
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.
Fighting Technical Debt With Continuous Refactoring
React Day Berlin 2022React Day Berlin 2022
29 min
Fighting Technical Debt With Continuous Refactoring
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.
AI and Web Development: Hype or Reality
JSNation 2023JSNation 2023
24 min
AI and Web Development: Hype or Reality
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.
Building High-Performing Cross-Cultural Teams
React Day Berlin 2022React Day Berlin 2022
25 min
Building High-Performing Cross-Cultural Teams
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

Integrating LangChain with JavaScript for Web Developers
React Summit 2024React Summit 2024
92 min
Integrating LangChain with JavaScript for Web Developers
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Dive into the world of AI with our interactive workshop designed specifically for web developers. "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" offers a unique opportunity to bridge the gap between AI and web development. Despite the prominence of Python in AI development, the vast potential of JavaScript remains largely untapped. This workshop aims to change that.Throughout this hands-on session, participants will learn how to leverage LangChain—a tool designed to make large language models more accessible and useful—to build dynamic AI agents directly within JavaScript environments. This approach opens up new possibilities for enhancing web applications with intelligent features, from automated customer support to content generation and beyond.We'll start with the basics of LangChain and AI models, ensuring a solid foundation even for those new to AI. From there, we'll dive into practical exercises that demonstrate how to integrate these technologies into real-world JavaScript projects. Participants will work through examples, facing and overcoming the challenges of making AI work seamlessly on the web.This workshop is more than just a learning experience; it's a chance to be at the forefront of an emerging field. By the end, attendees will not only have gained valuable skills but also created AI-enhanced features they can take back to their projects or workplaces.Whether you're a seasoned web developer curious about AI or looking to expand your skillset into new and exciting areas, "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" is your gateway to the future of web development. Join us to unlock the potential of AI in your web projects, making them smarter, more interactive, and more engaging for users.
From Engineer to Leader: A Workshop for First-Time Tech Leaders
TechLead Conference 2024TechLead Conference 2024
144 min
From Engineer to Leader: A Workshop for First-Time Tech Leaders
Workshop
Andrew Murphy
Andrew Murphy
Transitioning from an individual contributor role to a leadership position, especially in the fast-paced tech industry, is hugely challenging. Most new leaders don't receive any training at all in the first 10 years of their new responsibilities.Our comprehensive workshop is designed to assist new and emerging tech leaders in understanding their new roles and gaining the skills to make them confident, happy and effective leaders.
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
A Developer’s Guide to Communicating, Convincing, and Collaborating Effectively With Stakeholders
It’s a tale as old as time - collaboration between developers and business stakeholders has long been a challenge, with a lack of clear communication often leaving both sides frustrated. The best developers can deeply understand their business counterparts’ needs, effectively communicate technical strategy without losing the non-technical crowd, and convince the business to make the right decisions. Working at a consultancy, I’ve both failed and succeeded in architecting and “selling” technical visions, learning many lessons along the way.Whether you work at a product company, are a consultant/freelancer, or want to venture beyond just being a developer, the ability to convince and clearly communicate with stakeholders can set you apart in the tech industry. This becomes even more important with the rise of GenAI and the increasingly competitive developer market, as problem-solving and effective communication are key to positioning yourself.In this workshop, I’ll share real-world examples, both good and bad, and guide you through putting the theory into practice through dojos.
Out of the Frying Pan, Into the Fire: A Manager's Guide to Helping New Developers Thrive
TechLead Conference 2024TechLead Conference 2024
35 min
Out of the Frying Pan, Into the Fire: A Manager's Guide to Helping New Developers Thrive
Workshop
Andrew Coleburn
Andrew Coleburn
Onboarding to a new project can be difficult, no matter your background and experience. But it can be especially challenging for new developers straight out of school or a coding bootcamp. Drawing on personal experience as a bootcamp grad and JavaScript consultant, this talk will discuss tips and strategies for managers to help the new developers on their teams get their bearings in an unfamiliar codebase, so they can make more of an impact, faster!
How to create editor experiences your team will love
React Advanced Conference 2021React Advanced Conference 2021
168 min
How to create editor experiences your team will love
Workshop
Lauren Etheridge
Knut Melvær
2 authors
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.