GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ije → alef-component

ije / alef-component

Licence: MIT license
Alef Component for Modern Web Apps.

Programming Languages

rust
11053 projects
typescript
32286 projects

Labels

reactiveweb-performancejsxssraot-compilationweb-frameworkserver-side-renderingalephjszero-runtime

Projects that are alternatives of or similar to alef-component

Vidom
Library to build UI based on virtual DOM
Stars: ✭ 408 (+786.96%)
Mutual labels:  reactive, jsx, server-side-rendering
Inferno Most Fp Demo
A demo for the ReactJS Tampa Bay meetup showing how to build a React+Redux-like architecture from scratch using Inferno, Most.js, reactive programmning, and various functional programming tools & techniques
Stars: ✭ 45 (-2.17%)
Mutual labels:  reactive, jsx
Solid
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Stars: ✭ 13,115 (+28410.87%)
Mutual labels:  reactive, jsx
Fable.reaction
Fable Reaction - Reactive (AsyncRx) for F# Elmish and Fable
Stars: ✭ 122 (+165.22%)
Mutual labels:  reactive, web-framework
stimulus todomvc
[WIP] An implementation of TodoMVC using Ruby on Rails and StimulusJS
Stars: ✭ 14 (-69.57%)
Mutual labels:  reactive, server-side-rendering
Firefly
Firefly is an asynchronous web framework for rapid development of high-performance web application.
Stars: ✭ 277 (+502.17%)
Mutual labels:  reactive, web-framework
Yonder
A reactive web framework built on shiny
Stars: ✭ 121 (+163.04%)
Mutual labels:  reactive, web-framework
Aurelia
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
Stars: ✭ 995 (+2063.04%)
Mutual labels:  web-performance, web-framework
Stimulus reflex
Build reactive applications with the Rails tooling you already know and love.
Stars: ✭ 1,928 (+4091.3%)
Mutual labels:  reactive, server-side-rendering
Playframework
Play Framework
Stars: ✭ 12,041 (+26076.09%)
Mutual labels:  reactive, web-framework
awesome-solid-js
Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performa…
Stars: ✭ 317 (+589.13%)
Mutual labels:  reactive, jsx
whatsup
Reactive framework, simple, fast, easy to use!
Stars: ✭ 115 (+150%)
Mutual labels:  reactive, jsx
stimulus reflex
Build reactive applications with the Rails tooling you already know and love.
Stars: ✭ 2,001 (+4250%)
Mutual labels:  reactive, server-side-rendering
core
Server side rendering with The Elm Architecture in Deno
Stars: ✭ 16 (-65.22%)
Mutual labels:  jsx, server-side-rendering
Angular
The modern web developer’s platform
Stars: ✭ 78,336 (+170195.65%)
Mutual labels:  web-performance, web-framework
Karet
Karet is a library that allows you to embed Kefir observables into React VDOM
Stars: ✭ 81 (+76.09%)
Mutual labels:  reactive, jsx
Yew
Yew is a modern Rust framework for creating multi-threaded front-end web apps with WebAssembly.
Stars: ✭ 18,243 (+39558.7%)
Mutual labels:  jsx, web-framework
Kweb Core
A lightweight Kotlin web framework for backend developers 🦆
Stars: ✭ 567 (+1132.61%)
Mutual labels:  web-performance, web-framework
Rapidoid
Rapidoid - Extremely Fast, Simple and Powerful Java Web Framework and HTTP Server!
Stars: ✭ 1,571 (+3315.22%)
Mutual labels:  reactive, web-framework
Proteus
Lean, mean, and incredibly fast JVM framework for web and microservice development.
Stars: ✭ 178 (+286.96%)
Mutual labels:  reactive, web-framework
View All Similar Projects ➔

Alef Component

Alef Component

Alef Component for Modern Web Apps, it's inspired by React and Svelte and based on TSX. Core features include:

  • Born in Typescript
  • With Standard JSX Syntax
  • AOT Compile in Rust
  • Zero Runtime
  • No Virtual DOM
  • Reactive
  • Builtin Styling
  • SSR

Specification

The main concept of Alef Component is parted in three stages:

  • Stage 1 (Docs)
    • Nodes Rendering - render nodes using native DOM
    • Conditional Rendering - render if-else expression in JSX
    • Loop Rendering - render list
    • Memo - use computed state
    • Side Effect - react for state changes
    • Events - handle events to update view
  • Stage 2 (Docs)
    • Import Alef Component - import Logo from "./Logo.alef"
    • Slots - <Logo><img ... /></Logo>
    • Reuse Pattern - reuse common logics
    • Inline Component - define component in Alef Component
    • Context - share state in child component tree
    • Styling - inline CSS with scope
    • Transition - transition animation for view changes
    • Asynchronous Component - wait for data fetching
    • Error Boundary - catch errors in child component tree
  • Stage 3 (Docs)
    • Mount - mount Alef Component to DOM
    • SSR - server side rendering
    • Precompile - transfom Alef Component code before AOT compilation
    • Hot Refresh - refresh component without data losing

Status

Core concept is done, currently writing the MVP compiler.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].