Reactive

screenshot of Reactive
react

A reactive component library for Preact / React (not production ready)

Overview:

The @pago/reactive library is a reactive component model for React and Preact. It aims to provide automatic performance optimizations and a simple API to help developers achieve their goals. Based on the Vue Composition API, this library allows developers to avoid bugs, errors, and unnecessary ceremony caused by the Hooks API. However, it is still in its early stages and may cause pain and changes to the API. Therefore, it should not be used in production. Feedback and observations from experiments are welcomed.

Features:

  • Reactive component model on top of React and Preact
  • Automatic performance optimizations
  • Simple and predictable API
  • Works with Suspense
  • Works with React.Context
  • Concurrent Mode Safe
  • Reuse existing Hooks in a Reactive Component through fromHook
  • Reuse ref values in Hooks components through useRefValue
  • Doesn't show any wrapper components in React DevTools
  • Perfect for incremental adoption into existing projects
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.