This is my own implementation of the Combine app demoed by Jonas Gebhardt in his React Europe 2016 talk Evolving the Visual Programming Environment with React. Credit to Jonas for the ideas. I thought the concepts seemed fun, both to implement and use, and wanted to take a stab at it.
Work in progress
- Refine node connection validity for Any type sources
- i.e., when piping through Any ports, the original type should be known
- Define additional nodes
- Sort node fuzzy search by relevancy
- Add keyboard shortcuts with proximity sorting for connecting nodes
- Refine type system, figure out how best to handle unsafe effects
- General cleanup
- remove unused utils
- clean up state tree
- clean up components
- clean up props propagation
- additional test coverage
- consider whether react-redux would be worth pulling in
- consider whether RxJS/most.js would make things any more elegant
Clone this repo, install dependencies, and start the local development server:
$ npm install
$ npm start
$ npm test
- React (w/o JSX)
- Redux
- React DnD
- React Select
- reselect
I'm currently not using RxJS, which Jonas used and commended in his talk. I may still elect to try it out (see Todo section above), but think for the time being, Redux should be sufficient without adding additional mental overhead of where state is coming from.
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent