Bepis

screenshot of Bepis

:dog2: bepis - Write components concisely. Like to play? https://cutt.ly/bepis?drincc!

Overview

The Bepis library offers a unique approach to rendering dynamic HTML and CSS using JavaScript. With its custom parser for a new HTML templating DSL, it allows developers to create interactive web applications efficiently. Whether you're building a simple list or a complex component, Bepis simplifies the process while providing flexibility for customization.

Features

  • Dynamic Rendering: Update your views seamlessly with real-time data changes without the need for full-page reloads.
  • Template Literals: Utilize tagged template literals to create bepis, a simple yet powerful way to embed HTML directly within JavaScript.
  • Insertion Points: Leverage the , operator to save locations in your markup for content insertion, and use . to load them when needed.
  • Directives for Flexibility: Use :text for text insertion, :map for rendering lists, and :comp for including reusable components into your views.
  • Minimalistic Syntax: The whitespace-ignored format simplifies the structure of your templates, making them cleaner and easier to read.
  • Custom Parser: The library is built around a bespoke parser, providing unique capabilities that distinguish it from traditional templating solutions.
  • Future Enhancements: Upcoming features like minimal diffing with updater functions promise to enhance performance and usability further.