https://github.com/sterlingwes/react-yoga-dom

A React renderer for the DOM / web using Yoga for layout (react-native view rendering to web)
https://github.com/sterlingwes/react-yoga-dom

react react-native react-renderer reactjs web yoga

Last synced: 7 months ago
JSON representation

A React renderer for the DOM / web using Yoga for layout (react-native view rendering to web)

• Host: GitHub
• URL: https://github.com/sterlingwes/react-yoga-dom
• Owner: sterlingwes
• Created: 2019-11-17T14:34:37.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T14:13:10.000Z (over 2 years ago)
• Last Synced: 2023-04-10T18:27:14.256Z (over 2 years ago)
• Topics: react, react-native, react-renderer, reactjs, web, yoga
• Language: TypeScript
• Homepage: https://swj.io/react-yoga-dom
• Size: 1.17 MB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## react-yoga-dom

A React renderer for the DOM / web using Yoga for layout. Useful for rendering React Native views to the web. Not for production use.

In other words, it's a replacement for `ReactDOM` that adds DOM element styles for layout properties derived from Yoga using its flexbox model.

Yoga is a layout engine from Facebook that was popularized by React Native. It's based on flexbox from CSS but not entirely the same.

**This is still in the experimental stage, more documentation to follow as it becomes more stable**

[See the playground](https://swj.io/react-yoga-dom) for the current state in action.