fastTEA is a powerful and intuitive Python framework for building web applications with ease. Inspired by The Elm Architecture (TEA), fastTEA brings simplicity and predictability to your Python web development workflow.
- Simple and Intuitive: Build web apps using a clear, archtectural approach.
- Based on The Elm Architecture: Benefit from a time-tested, scalable architecture.
- FastAPI Backend: Leverage the speed and simplicity of FastAPI.
- HTMX Integration: Create dynamic UIs without writing JavaScript.
- Flexible CSS Framework Support: Choose from Pico, Bootstrap, or Tailwind CSS.
- Type Safety: Utilizes Pydantic for robust data validation.
Install fastTEA using pip:
pip install fasttea-webLet's dive into a simple "Hello, World!" application to showcase the power and simplicity of fastTEA.
fromfastteaimportFastTEA, Model, Msg, Cmd, Element, CSSFrameworkfromfasttea.htmlimportdiv, h1, input_, button, pclassAppModel(Model):
name: str=""greeting: str=""app=FastTEA(AppModel(), css_framework=CSSFramework.PICO)
@app.updatedefupdate(msg: Msg, model: AppModel) ->tuple[AppModel, Cmd|None]:
ifmsg.action=="greet":
model.name=msg.valuemodel.greeting=f"Hello {msg.value}!"returnmodel, None@app.viewdefview(model: AppModel) ->Element:
returndiv({},
h1({}, "FastTEA Hello Example"),
input_({
"id": "input",
"type": "text",
"value": model.name,
"name": "name",
"placeholder": "Enter your name"
}, ""),
button({
"onClick": "greet",
"getValue": "input"
},"Greet"),
p ({}, model.greeting)
)
if__name__=="__main__":
app.run()
Model: The
AppModelclass defines the application's state. In this example, it stores the user's name and the greeting message.Update: The
updatefunction handles state changes based on messages. It takes the current model and a message, then returns the updated model and any commands to be executed.View: The
viewfunction renders the UI based on the current model state. It returns a tree ofElementobjects that fastTEA converts to HTML.HTMX Integration: fastTEA leverages HTMX for dynamic updates without writing JavaScript. The button in our example uses HTMX attributes to trigger a server request.
CSS Framework: fastTEA supports various CSS frameworks. In this example, we're using Pico CSS for a clean, minimal design.
fastTEA combines the best of Python, The Elm Architecture, and modern web technologies to provide a delightful development experience. Whether you're building a small prototype or a large-scale web application, fastTEA has you covered.
Start building your next web application with fastTEA and experience the joy of functional web development in Python!
FastTEA: A Python Developer's Quest for Elegant Web Apps - Part 1https://medium.com/@hebi_73682/fasttea-a-python-developers-quest-for-elegant-web-apps-part-1-ef86461cbfc5
FastTEA: A Python Developer's Quest for Elegant Web Apps - Part 2https://medium.com/@hebi_73682/fasttea-a-python-developers-quest-for-elegant-web-apps-part-2-a25fc77e09c3
FastTEA: Behind the Scenes - Diving into JavaScript Integration - Part 3https://medium.com/@hebi_73682/fasttea-behind-the-scenes-diving-into-javascript-integration-part-3-90f27d48b424
We're constantly working to improve fastTEA and add new features. Here's a sneak peek at what's coming:
More Examples: We're developing a variety of examples to showcase fastTEA's capabilities in different scenarios.
Simple Chatbot: A demonstration of how to implement a basic chatbot using fastTEA, showing off its real-time update capabilities.
Form Processing: Enhanced support for handling and processing form submissions, making it even easier to create data-entry applications.
Client-Side Commands: Introducing a way to define commands that can be executed locally in the browser, improving responsiveness and reducing server load for certain operations.
Server-Triggered Commands: Allowing the server to trigger these client-side commands, enabling more complex interactions between the server and client.
UiBubbles and CmdBubbles: More structure.
These upcoming features will make fastTEA even more powerful and flexible, opening up new possibilities for your web applications. Stay tuned for updates!
Happy coding with fastTEA! 🍵✨