https://github.com/amorgaut/react-efl
Allows to represent Enlightenment Efl components as a DOM structure.
https://github.com/amorgaut/react-efl
dom-structure efl enlightenment react react-component
Last synced: about 2 months ago
JSON representation
Allows to represent Enlightenment Efl components as a DOM structure.
- Host: GitHub
- URL: https://github.com/amorgaut/react-efl
- Owner: AMorgaut
- License: mit
- Created: 2018-01-07T00:03:03.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2021-04-29T19:33:15.000Z (about 5 years ago)
- Last Synced: 2025-06-17T02:43:11.180Z (about 1 year ago)
- Topics: dom-structure, efl, enlightenment, react, react-component
- Language: JavaScript
- Size: 46.9 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# react-efl
[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]
[![Sonarcloud][sonarcloud-badge]][sonarcloud]
Allows to represent Enlightenment Efl components as a DOM structure.
Example
```jsx
react-efl demo
```
It can be interesting to render an EFL view in the browser and see its representation from the [React Chrome Developer tools](https://reactjs.org/blog/2014/01/02/react-chrome-developer-tools.html)
# Current Status
Very Basic implementation of the [`Efl.Canvas`](https://www.enlightenment.org/develop/api/efl/canvas) `Group`, `Rectangle`, `Image`, & `Text`
Support most of the [Evas TextBlock Style definitions](https://docs.enlightenment.org/auto/evas_textblock_style_page.html) (more information in the [Evas support dedicated page](./src/Evas/README.md))
# Roadmap
1. Add Unit tests
2. Handle positioning
3. Support more `Group`, `Rectangle`, `Image`, & `Text` features
4. Support more [`Efl.Object`](https://www.enlightenment.org/develop/api/efl/object) & [`Efl.Canvas`](https://www.enlightenment.org/develop/api/efl/canvas) level features
5. some Animations features
6. Many potential things like `Video`or `Player` support, or anything requested via the [Issues project page](https://github.com/AMorgaut/react-efl/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc) ...
[build-badge]: https://img.shields.io/travis/AMorgaut/react-efl/master.png?style=flat-square
[build]: https://travis-ci.org/AMorgaut/react-efl
[npm-badge]: https://img.shields.io/npm/v/react-efl.png?style=flat-square
[npm]: https://www.npmjs.org/package/react-efl
[coveralls-badge]: https://img.shields.io/coveralls/AMorgaut/react-efl/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/AMorgaut/react-efl
[sonarcloud-badge]: https://sonarcloud.io/api/badges/gate?key=react-efl
[sonarcloud]: https://sonarcloud.io/dashboard?id=react-efl