Of this repo is to provide a started kit to the wsb data flow research. See more about research itself in here.
- Top bar
- Save button
- Undo / redo
- Components panel (aka left panel)
- Workspace
- Template lines
- Click to component to add it to workspace
- Show template lines
- Move components to change their positions on the workspace
- Components should not go beyond template lines
- Components should expand template width when they touch template lines
- Clicking on comopnent activates properties panel
- Each components has its own properties panel implementation
- Update button label in place
- Button width should be adjusted to new label
- Properties panel
- Update button width
- button text is changed
- button width growth
- PP that is near to button shifts down so no overlapping happens between button and PP
- undo happens
- button text returns back
- button width goes back
- PP does not return back
- Change text dimensions
- Update text in place
- Text component might grow in height
- Properties panel
- Update global font size
- there are multiple Text components on the page
- there are some other (take simple Box) components below Text components
- there is global style that is applied to Text components
- global style is changed
- Text components grow in height
- push down should happen with all respects
- Works for components in the workspace
- Save should persist in local storage
- State should be preserved after reloading
- UI framework: React
- Typechecking: Flowtype
- Tests: jest
- Webpack / webpack dev server
- Layout is impelemented using React
- Handlers are attached
- D&D handlers are attached to components
- PP skeleton is created
Create sandbox from git repo using main url.
E.g.: https://github.com/One-com/wsb-data-flow-research-app.