From 142b71bd13e60d80023ae46fd709fcd766e86a07 Mon Sep 17 00:00:00 2001 From: sakhi Date: Sat, 8 Sep 2018 18:14:59 +0500 Subject: [PATCH 1/2] Proposal A for React-GUI --- Proposal-A.md | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 Proposal-A.md diff --git a/Proposal-A.md b/Proposal-A.md new file mode 100644 index 0000000..fee79ec --- /dev/null +++ b/Proposal-A.md @@ -0,0 +1,73 @@ +# Proposal A - React-GUI + +## Introduction + +> This is the simple introduction how **React-GUI** will help the community in bulding robust webapps in less time. + +### Scope + +The proposal covers most of the pre-requisites that we'll need to before we build this library +Things you'll need: + +- React +- Redux +- RollUp + +### Goals +- A gui to make components to reduce writing recundant code +- All build configuraton will be configurable +- There will be no abstractions likely other libraries creat-react-app -all generated files will be available in structured app + +#### Features + +- GUI will run on localhost +- React Components Interface : + - There will be toggle to check whether to make it stateful or stateless + - Checkboxes will be added to include lifyCycles method optioanlly + - An example how resultant component will look like: + +```jsx +class ReactGuiComponent extends Component { + state={} + + componentWillMount() { + // write implementation + } + + componentDidMount() { + // write implementation + } + + static getDerivedStateFromProps(nextProps, prevState) { + // write implementation + } + + componentDidMount() { + // write implementation + } + + render() { + return( + "Welcome to React GUI" + ) + } + +} + +export default ReactGuiComponent +``` + - Named and default export configurable + +- Redux Interface + - Actions and reducer will be created with a little configuration in GUI + - Which components are to be connected with `connect()`, can be configured through GUI + +## Parent - Child relationship visualisation: + +- User can make Parent-Child relation with drgaggable option +- A visualisation library like `React-dnd`, `d3` can be integrated + - This all can be implemented for reducers and components. + +> The goal is to make apps more concise and user will only focus on logic implmentation. Our target is to make clean code and readable. There's a big misconeption in the community when begginers decide to build a webapp from scratch. All code will be generated with comments so user everyone can leverage. Our ultimate goal is to provide a basic boilerplate so user can just pick the app name and start coding. + + From 15017bdaafe0d29d39f6e26c5ea7712af03514ef Mon Sep 17 00:00:00 2001 From: Sakhi Mansoor Date: Sun, 9 Sep 2018 19:25:26 +0500 Subject: [PATCH 2/2] Update Proposal-A.md spelling mistake --- Proposal-A.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Proposal-A.md b/Proposal-A.md index fee79ec..1c7aec1 100644 --- a/Proposal-A.md +++ b/Proposal-A.md @@ -2,7 +2,7 @@ ## Introduction -> This is the simple introduction how **React-GUI** will help the community in bulding robust webapps in less time. +> This is the simple introduction how **React-GUI** will help the community in building robust webapps in less time. ### Scope