Tetra: A Full Stack Web Framework That Doesn't Make You Write Everything Twice

Summary

Building a fully functional web application has been growing in complexity along with the growing popularity of javascript UI frameworks such as React, Vue, Angular, etc. Users have grown to expect interactive experiences with dynamic page updates, which leads to duplicated business logic and complex API contracts between the server-side application and the Javascript front-end. To reduce the friction involved in writing and maintaining a full application Sam Willis created Tetra, a framework built on top of Django that embeds the Javascript logic into the Python context where it is used. In this episode he explains his design goals for the project, how it has helped him build applications more rapidly, and how you can start using it to build your own projects today.

Announcements

• Hello and welcome to Podcast.__init__, the podcast about Python’s role in data and science.
• When you’re ready to launch your next app or want to try a project you hear about on the show, you’ll need somewhere to deploy it, so take a look at our friends over at Linode. With their managed Kubernetes platform it’s easy to get started with the next generation of deployment and scaling, powered by the battle tested Linode platform, including simple pricing, node balancers, 40Gbit networking, dedicated CPU and GPU instances, and worldwide data centers. And now you can launch a managed MySQL, Postgres, or Mongo database cluster in minutes to keep your critical data safe with automated backups and failover. Go to pythonpodcast.com/linode and get a $100 credit to try out a Kubernetes cluster of your own. And don’t forget to thank them for their continued support of this show!
• So now your modern data stack is set up. How is everyone going to find the data they need, and understand it? Select Star is a data discovery platform that automatically analyzes & documents your data. For every table in Select Star, you can find out where the data originated, which dashboards are built on top of it, who’s using it in the company, and how they’re using it, all the way down to the SQL queries. Best of all, it’s simple to set up, and easy for both engineering and operations teams to use. With Select Star’s data catalog, a single source of truth for your data is built in minutes, even across thousands of datasets. Try it out for free and double the length of your free trial today at pythonpodcast.com/selectstar. You’ll also get a swag package when you continue on a paid plan.
• Need to automate your Python code in the cloud? Want to avoid the hassle of setting up and maintaining infrastructure? Shipyard is the premier orchestration platform built to help you quickly launch, monitor, and share python workflows in a matter of minutes with 0 changes to your code. Shipyard provides powerful features like webhooks, error-handling, monitoring, automatic containerization, syncing with Github, and more. Plus, it comes with over 70 open-source, low-code templates to help you quickly build solutions with the tools you already use. Go to dataengineeringpodcast.com/shipyard to get started automating with a free developer plan today!
• Your host as usual is Tobias Macey and today I’m interviewing Sam Willis about Tetra, a full stack component framework for your Django applications

Interview

• Introductions
• How did you get introduced to Python?
• Can you describe what Tetra is and the story behind it?
• What are the problems that you are aiming to solve with this project?
  • What are some of the other ways that you have addressed those problems?
  • What are the shortcomings that you encountered with those solutions?
• What was missing in the existing landscape of full-stack application development patterns that prompted you to build a new meta-framework?
• What are some of the sources of inspiration (positive and negative) that you looked to while deciding on the component selection and implementation strategy?
• Can you describe how Tetra is implemented?
  • What are the core principles that you are relying on to drive your design of APIs and developer experience?
• What is the process for building a full component in Tetra?
• What are some of the application design challenges that are introduced by Combining the javascript and Django logic and attributes? (e.g. reusing JS logic/CSS styles across components)
• A perennial challenge with combining the syntax across multiple languages in a single file is editor support. How are you thinking about that with Tetra’s implementation?
• What is your grand vision for Tetra and how are you working to make it sustainable?
• What are the most interesting, innovative, or unexpected ways that you have seen Tetra used?
• What are the most interesting, unexpected, or challenging lessons that you have learned while working on Tetra?
• When is Tetra the wrong choice?
• What do you have planned for the future of Tetra?

Keep In Touch

• @samwillis on Twitter
• Website
• LinkedIn
• samwillis on GitHub

Picks

• Tobias
  • The Machine Learning Podcast
• Sam
  • Slow Horses TV Show

Closing Announcements

• Thank you for listening! Don’t forget to check out our other shows. The Data Engineering Podcast covers the latest on modern data management. The Machine Learning Podcast helps you go from idea to production with machine learning.
• Visit the site to subscribe to the show, sign up for the mailing list, and read the show notes.
• If you’ve learned something or tried out a project from the show then tell us about it! Email [email protected]) with your story.
• To help other people find the show please leave a review on iTunes and tell your friends and co-workers

Links

• Tetra Framework
• Django
• PHP
• ASP
• Alpine.js
• HTMX
• Ruby
• Ruby on Rails
• Flutterbox
• Vue.js
• Laravel Livewire
• Python Import Hooks
• python-inline-source
• Tailwind CSS
• PostCSS
• Pickle
• Fernet
• esbuild
• Webpack
• Rich

The intro and outro music is from Requiem for a Fish The Freak Fandango Orchestra / CC BY-SA