Looks Awesome, but is it alive?

[bramski]

Hey @blackjk3,

Looks like a super cool project. Is it dead? Looks untouched for a while. Do you need new contributors? I may have need for this component. I'd like to know what I'm getting into if I choose to use this. Thanks.

[Kiho]

It's too good to be gone, at least I update this lib to React 16 https://github.com/Kiho/react-form-builder

[activescott]

Nice @Kiho! At least this one builds. 🎉

[Kiho]

@activescott I hope I have enough time to fix all the issues, but don't have that... for now
Btw, if you still have interest with TypeScript & Svelte then check this out
https://github.com/Kiho/svelte-dts-loader

[isab]

@Kiho trying to use your fork, but it keeps getting Uncaught Error: Could not find module classnames imported from react-forms-builder

Also, was it the right move to copy over the app.js from this repo?

Thanks!

[Kiho]

@isab I can't know exact reason without your code sample. and I never try to use react in umd, so I am not sure what is necessary here.
Anyway I add script like original for umd build you can try out.
If you pull and do npm run dist then you can see app.js under lib folder.
You need to make sure external files are referenced in your html file.
https://github.com/Kiho/react-form-builder/blob/master/webpack.production.config.js#L17

[romelako]

@Kiho Please ignore my last question, I was able to figure out how to install it. However, when doing var FormBuilder = require('react-forms-builder'); I'm getting the following error: Module not found: Error: Can't resolve 'react-forms-builder'. Is there something special that I need to be doing when building my bundle.js with webpack -d?

[Kiho]

@romelako I do not have NPM repo for this project, and never try to use this as lib source to other project yet. It works fine if you do npm run start within the project. If you need this as lib then I need time to figure out.

[Kiho]

@sgolla-rp I added function to save form data with simple api server in-memory.
You just need to do npm run serve:api parallel with npm start.

cc @romelako, @isab

[arun0553]

Thankyou very much @Kiho .

[arun0553]

Hey @Kiho, I can see the selected data in http://localhost:5005/api/formdata when i drag components into container. This is working fine when i hit my app in my machine. But when i hit the app with IP Address in some other machine(i have configured webpack for the app to work with other IP addresses aswell) and when i select a component to drop into container, i can see a console error that 'cannot read property 'push' of undefined' in ElementStore.js . This is happening because you have set a hard coded url as prop - url='http://localhost:5005/api/formdata' for FormBuilder.ReactFormBuilder component. I want to post the data to KOA + Postgres endpoint instead of express . Also is it easy to convert this app working with redux instead of reflux ?
My requirements are to use the following programming stack for this app:
Postgres SQL
React + Redux
NodeJS (KOA)
i want to save the dynamic form and again show it when ever user wants it as a form by persisting it
Is there any solutin you want to suggest?Any suggestion is much appreciated to change this app meeting my requirements
Thankyou.

[Kiho]

Actually you don't need 5005, you can do this

<FormBuilder.ReactFormBuilder variables={variables} 
    url='/api/formdata'
    saveUrl='/api/formdata'
  />

I don't know what is your problem with remote server, you may need to play with Nginx.

[arun0553]

Thanks @Kiho , Its working fine

[drehimself]

Hey @Kiho, great job with the fork, it's working well.

Question about the drag and drop. How difficult would it be to be able to drag items from the Toolbox straight into the Preview area at any location? I only briefly looked at this, but it seems DND is pretty straightforward for items of the same type, but a bit more involved if they are different types. Seems like you would have to hook into the different events as you drag an item.

Any thoughts on this? Thanks in advance!

[Kiho]

@drehimself
Check this branch out https://github.com/Kiho/react-form-builder/tree/drag, I implement basic function to drag item from toolbox.
It's not perfect but should be a good starting point.

[drehimself]

@Kiho You are THE MAN!! It works really nicely, thanks.

Might I suggest turning on the issues feature on your forked project? It would definitely make collaboration easier and might even improve the visibility of your awesome project.

[Kiho]

@drehimself Thanks for the suggestion, I will open it up in near future, I am really busy these days at my main job.

[hugobarragon]

hello everyone, i have worked with this library for 2 years and its time to make it public for everyone
I have completely remake this library with typescript and antd design with ISO'S please give it a look, its not just a remake its and upgrade, now supports translations and everything
https://github.com/hugobarragon/react-quizzes
Example: