Giter VIP home page Giter VIP logo

vaadin-react's Introduction

vaadin-react

Vaadin-React is a tool to create serverside Vaadin components which enable the usage of React components.

The project is still recent and any suggestion will be considered.

Usage

1 - Install the tool using npm install -g vaadin-react

2 - Configure your project with a .react-vaadin.config config file. This is a json file with two fields:

  • components : an array of file or dir paths to process your components
  • package : The package to use when generating the java files

3 - Run vaadin-react in your project to generate the resources. This tool expects a project which is a mix of maven and npm. Please check the samples.

Contributing

Please open any issue that you find. You can also make suggestions to improve the current behaviour.

Known Limitations

  • This project uses react-docgen to parse the components. It can only be used in components compatible with that project.
  • Server-side functions cannot return values to the components since that would imply blocking the browser until the answer was received.

vaadin-react's People

Contributors

nunopinheiro avatar

Stargazers

Jin Yao avatar Matt Svoboda avatar Adriano Machado avatar Tiago Pratas avatar Andreas Höhmann avatar Joonas Lehtinen avatar Alan Kash avatar

Watchers

Mehmet YUCE avatar James Cloos avatar avatar Thorben von Hacht avatar avatar

Forkers

parbrigal mfyuce

vaadin-react's Issues

Too many limitions by react-docgen

Too many limitions by react-docgen ,I tried many components ,such as http://react-bootstrap.github.io/, it throws error.May have better way to parse react components?


/Users/zhoulai/.nvm/versions/node/v4.2.1/lib/node_modules/vaadin-react/node_modules/react-docgen/dist/parse.js:78
  throw new Error(ERROR_MISSING_DEFINITION);
  ^

Error: No suitable component definition found.
    at parse (/Users/zhoulai/.nvm/versions/node/v4.2.1/lib/node_modules/vaadin-react/node_modules/react-docgen/dist/parse.js:78:9)
    at Object.defaultParse [as parse] (/Users/zhoulai/.nvm/versions/node/v4.2.1/lib/node_modules/vaadin-react/node_modules/react-docgen/dist/main.js:66:30)
    at processFile (/Users/zhoulai/.nvm/versions/node/v4.2.1/lib/node_modules/vaadin-react/generator/generator.js:43:33)
    at Object.<anonymous> (/Users/zhoulai/.nvm/versions/node/v4.2.1/lib/node_modules/vaadin-react/generator/generator.js:37:3)
    at Module._compile (module.js:435:26)
    at Object.Module._extensions..js (module.js:442:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Function.Module.runMain (module.js:467:10)
    at startup (node.js:134:18)

···

React component inside Vaadin 14

Dear Nuno,
Excellent article but it is rather old (2016). I want to use the react-diagram framework (open source) inside the Vaadin 14 LTS framework.
Can I use this project as an example? Or do you have a more actualized example (for example using lit-element)

It is very important for me to use the React diagram framework (it is simple an easy to use) and will save me many days of work.
Do you think you can help me?

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.