isomorfeus-react

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

Community and Support

At the Isomorfeus Framework Project

Versioning and Compatibility

isomorfeus-react version follows the React version which features and API it implements.

React

Isomorfeus-react 16.12.x implements features and the API of React 16.12 and should be used with React 16.12

Preact

isomorfeus-react works with preact version 10.1.x.

Nerv

isomorfeus-react works in general with nervjs 1.5.x. with some issues:

• Server Side Rendering does currently not work at all.
• Some specs with respect to callbacks (component_will_unmount) and styles fail.

Documentation

• Installation

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

• https://reactjs.org/docs/getting-started.html

Component Types:

• Class Component
• Function and Memo Component
• Lucid App, Lucid Component
• LucidMaterial App, LucidMaterial Component - support for MaterialUI
• Lucid Func, LucidMaterial Func (for use with Hooks)
• React Javascript Components and React Elements

Which component to use?

• Usually LucidApp and LucidComponent along with some imported javascript components.
• For MaterialUI LucidMaterial::App and LucidMaterial::Component along with some imported javascript components.

Specific to Class, Lucid and LucidMaterial Components:

• Events
• Lifecycle Callbacks
• Props
• State

For all Components:

• Accessibility
• Render Blocks
• Rendering HTML or SVG Elements

Special React Features:

• Context
• Fragments
• Portals
• Refs
• StrictMode

Other Features:

• Code Splitting and Lazy Loading
• Hot Module Reloading
• Server Side Rendering
• Using React Router
• Isomorfeus Helpers

Development Tools

The React Developer Tools allow for analyzing, debugging and profiling components. A very helpful toolset and working very nice with isomorfeus-react: https://github.com/facebook/react-devtools

Specs and Benchmarks

• clone repo
• bundle install
• rake