DEV Community

Ayobami Ogundiran
Ayobami Ogundiran

Posted on

1 1 1 1 1

$render.js: Unleashing JSX in both browsers and servers without a virtual DOM.

LovePlay Music Player(Built with $render)
Image description

Introducing $render.js, a powerful tool that opens up new possibilities for JSX and more in-browser functionalities without the need for a virtual DOM or tagged templates.

$render.js is designed to scale up and scale down to cater to individual and business needs. And it takes everything you know about the front-end starting from JSX to htmx to the next level.

This release brings numerous features to enhance your development experience:

JSX Components:

  • $render enables the use of JSX in the browser just like React but without a virtual DOM. No bullsh*t!

Macro Rendering:

  • All components are rendered during the initial rendering process. No React hydration please.

Micro Re-rendering:

  • Enjoy efficient re-rendering, impacting only the triggering component and its related components. No need to get all the jungle because of a piece of banana.

DOM Destructuring:

  • Easily select single and multiple DOM elements using destructuring. Move faster!

Note: click the console.

Utility-First Functions:

  • Access a pre-baked utilities and components suite for swift and efficient development. No pressure!

Micro-Frontend:

  • Build front-end applications with independent and modularized parts. Build at scale.

Hypermedia:

  • Make requests to single or multiple servers to obtain component strings dynamically without the limit of htmx. Unlimited!

Learn React without React:

  • Customize $render to behave like React, facilitating learning and educational purposes. Education is the best legacy.

State Management Tools:

  • Utilize custom tools for effective state management. It comes with a customizable state management tool. Easy pizzy!

Server-Side Rendering:

  • Render your application UI directly from servers and $render will display it to your audience. Wow!

Multi-Server Requests:

  • Enable multiple-server requests with a moderation-enforced approach. Let's be guided.

Stability

$render is bringing back stability to the web so that your applications can still work after 50+ years of their creation.

Wow! That is cool.

$render empowers you with these advanced features in browsers, eliminating unnecessary overhead. Now, you can focus on delivering value to your users effortlessly.

Image of Docusign

Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)