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.11.x implements features and the API of React 16.11 and should be used with React 16.11
Preact
isomorfeus-react works with preact version 10.0.x.
Nerv
isomorfeus-react works in general with nervjs 1.4.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
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:
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.
Specific to Class, Pure, Lucid and LucidMaterial Components:
For all Components:
Special React Features:
Other Features:
- Code Splitting and Lazy Loading
- Hot Module Reloading
- Server Side Rendering
- Using React Router
- Isomorfeus Helpers
- Reducing Asset Size
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