visual-react's People
visual-react's Issues
Implement CSS editor
Layout and features inspirations
Implement adding component package sources
- retrieve value of
config.get('componentsPackages')
forcomponents.service
- check if component packages cache exists
- get
main
field from package and query for components data withreact-docgen
if no cache is present - store generated data in cache
Investigate query builder
Investigate toolset for storing project data
Implement basic props editor
Investigate project development stack
Implement component preview when dragging
Investigate Mitosis for components generation
Use Tauri for app runner
Concept of live reload
Rust based VSCode extension template
Investigate usage of VSC like UI libraries
Investigate files generation
Separate workspace as independent project
Implement basic state handling and transition with XState
Forms concept
Investigate flow library
Make use of https://github.com/benedyktdryl/mindmaps/issues/36 content
Implement WorkspaceComponent class
const componentItem = {
id: uuid.v4(),
name: item.name,
type: item.type,
props: Object.entries(item.props).reduce((memo, [propName, { defaultValue }]) => {
if (defaultValue) {
memo[propName] = eval(defaultValue) as unknown;
}
return memo;
}, {} as ComponentData['props']),
propsData: item.props
}
Implement resizable pane
Investigate these tools for business logic modeling
Implement components viewer as Tree
Check for inspirations
Investigate application state & undo/redo
Implement drag & drop components around workspace
Implement adding component as active component props.children
Investigate code/project preview with Monaco editor
Investigate using esbuild for building user project & editor itself
Implement workspace concept
- create per workspace config file
- for now no file association, show entry page when user can select
- creating new workspace
- opening existing one
Workspace file should contain everything related to workspace:
- enabled component packages
- added views
- added states
- any connection between them
Bootstrap electron app
Check for state modelling inspiration
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.