Giter Site home page Giter Site logo

pinqy520 / revas Goto Github PK

View Code? Open in Web Editor NEW
126.0 6.0 14.0 45.36 MB

Use React and CSS to build UI interfaces on canvas

Home Page: https://pinqy520.github.io/demo/revas-pwa/

License: MIT License

HTML 1.48% TypeScript 90.18% CSS 0.41% JavaScript 7.93%
react canvas react-canvas react-native reactjs yoga yoga-layout flutter

revas's People

Contributors

colshacol avatar dependabot[bot] avatar johnpaulharold avatar pinqy520 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

revas's Issues

DevTools connection

Have you investigated DevTools integration at all? (https://github.com/facebook/react/tree/e316f785526e503eceed1ae33b7a06440084b9c9/packages/react-devtools)

I've wired in some basic DevTools in a branch, and with it you can see something like this

Screenshot 2021-02-07 at 15 20 17

In that, you can see that I adjust the style prop to align flex-end

There's various issues with it, such as <Text/> components are not queryable, and not all props trigger changes. The new fiber based DevTools are also problematic with class based components it seems.

That all being said, it's something, or a start at least. The branch is over at https://github.com/JohnPaulHarold/revas/tree/devtools. I can make a PR if you want.

Support for keyboard navigation

This isn't an issue as such, more of a question. However, I don't see any place to ask questions. Like a Slack, or Gitter.

I'd like to experiment with Revas, specifically for creating a UI that uses some sort of spatial navigation. The kind of navigation you see on Smart TV apps like Netflix, or Emulator Front ends such as RetroArch. Tab based navigation is related also I suppose.

  • Does Revas have any conception of a 'focus' state?
  • Does Revas expose any methods to query for other/adjacent nodes on the current canvas?

Again, my apologies for the non "issue", I didn't see where else to ask.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.