Welgo

screenshot of Welgo

Library to render your server-side templates using react-like components

Overview

Welgocode is a server-side JavaScript library that offers a refreshing alternative to traditional templating languages like Jade/Pug and Handlebars. Built with a React-like component architecture, it allows for the crafting of modular and composable components in a way that feels familiar for those who have experience with React. The library's approach minimizes the overhead of dependencies and maximizes the flexibility and usability for developers seeking to streamline their server-side rendering process.

With support for React-inspired components and the capability to fetch data asynchronously, Welgocode simplifies the server-side rendering experience. As a relatively new tool in the developer ecosystem, it beckons those who want an efficient framework that leverages the modern paradigms of component-based design, all while keeping server-side rendering accessible.

Features

  • Zero Dependencies: Welgocode is designed with no external dependencies, keeping your application lightweight and simple.

  • React-like Components: Build components similarly to React, using familiar syntax, which helps streamline the transition for developers coming from a React background.

  • Asynchronous Rendering: Each component is asynchronous, accommodating data fetching directly within the component structure, leading to a smoother data-driven rendering process.

  • No Transpilation Required: With the support of htm for templating, you can write your code without the need for transpiling, simplifying the development workflow.

  • Flexible Styling: The library allows for both string and object formats for styles, with the important note to use hyphen-case for object properties.

  • Testing Capabilities: Provides options for testing, either through simple HTML string rendering or with the weltest library, which facilitates deeper component-based testing.

  • Custom Babel Support: If you opt to use Babel, Welgocode provides guidance on setting up a custom pragma in your configuration.

  • Simplicity of API: The API design emphasizes ease of use, with primary functions like createElement and render making component creation straightforward.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.