Isomorfeus Preact

Develop Preact components for Opal Ruby along with very easy to use and advanced Preact-Redux Components.

Community and Support

At the Isomorfeus Framework Project

Versioning and Compatibility

isomorfeus-preact version follows the Preact version which features and API it implements.

Preact

Isomorfeus-preact 10.5.x implements features and the API of Preact 10.5.y and should be used with Preact 10.5.y

Documentation

Because isomorfeus-preact follows closely the Preact principles/implementation/API and Documentation, most things of the official Preact documentation apply, but in the Ruby way, see:

• https://preactjs.com/guide/v10/getting-started

Component Types:

• Class Component
• Function and Memo Component
• Lucid App, Lucid Component
• Lucid Func (for use with Hooks)
• Preact Javascript Components and Preact Elements

Which component to use?

• Usually LucidApp and LucidComponent.

Specific to Class, Lucid and LucidMaterial Components:

• Events
• Lifecycle Callbacks
• Props
• State

For all Components:

• Accessibility
• Render Blocks
• Rendering HTML or SVG Elements

Special Preact Features:

• Context
• Fragments
• Refs

Other Features:

• Hot Module Reloading
• Server Side Rendering
• Using Wouter as Router
• Isomorfeus Helpers

Development Tools

The Preact Devtools allow for analyzing, debugging and profiling components. A very helpful toolset and working very nice with isomorfeus-preact: https://preactjs.github.io/preact-devtools/

Specs and Benchmarks

• clone repo
• bundle install
• rake