Article
Mon, Oct 16, 2023

Introducing Jenga CSS

Jenga CSS is a Frontend Development Approach for Progressive Web Apps aimed at providing a fast, robust CSS writing pattern whose core tenet is Style Reusability

Jenga CSS is a Frontend Development Approach for Progressive Web Apps aimed at providing a fast, robust CSS writing pattern whose core tenet is Style Reusability

Performance is key

You only import and use a css component that you need for every page.

Power of css variables

Jenga is powered by CSS Variables which results to less repetition, better readability and more flexibility. Plus, unlike variables from CSS preprocessors, they're actually a part of the DOM, which has a lot of benefits.

Code splitting, component splitting

With component-level code-splitting, you can move individual components into separate assets chunks. On particular events, you can load the relevant styles and scripts and render the components.

Editing on the go, increase productivity

Component Level implementation of your css increases your Productivity when it comes to cleaning up code, enhancing a component or editing generally whether in your code editor or within your favourite browser's dev tools.

Native user interface for PWAs

Jenga authored components are built with Native UI design approach for building amazing user interfaces for your progressive web apps. We are calling this Progressive Web User Interface.

Architecture, the implementation (Draft)

├── jenga
│   ├── components
│   ├── theme
│   ├── app.css

Got any question? You wanna have a chat? Hit my inbox on twitter asap 😉

  Back./Articles