React document upload with plupload - reactjs

Sorry if this is already been asked and covered in another question.
We are looking forward to implement multi-part document upload (including drag and drop feature) in react web application using plupload library. Planning to reuse existing document service for upload.
I could not find any NPM package of Plupload which i can integrate with my react application.
Do we need to consider wrapper to integrate Plupload.
Also, please suggest, if we should consider any other library, incase plupload does not support it?
Kindly suggest. Thank you in advance.
UPDATE -
We are using Drag zone for UI integration
May need to see, how we can implement chunking logic while hitting document service.
a. We are thinking can we use FileReader from Mozilla developers.
b. May need to see, if we can use any wrapper for service integration.
Thanks, please suggest if you have any suggestion.
3.

You can use this library to use the functionalities of Pulpload in react
https://www.npmjs.com/package/react-plupload

Related

How to add existing react js app to saleforce?

I have a react js app built long time ago that uses 3rd party libraries and APIs, now I want to add this app to saleforce. Is there a way to add the existing react js app or do I have to build a new app using the saleforce development tools? Any advise and help is appreciated.
Can you live in an iframe? There's lightning:container tag that could help you. Search questions or blogs that mention it, on SO and on dedicated https://salesforce.stackexchange.com/. Iframe sounds meh but there are ways for it to communicate with parent ("canvas apps" in documentation - and it has nothing to do with <canvas> tag), silently log in to SF, use REST API...
You could try to rewrite your app to native Aura/LWC but you won't be able to call APIs directly from JS. You'll have to pass through SF server-side language called Apex. Which is doable but more for you to learn. There are some more restrictions, although light DOM and LWS help with these, many things Locker service blocks are OK in LWS.
There's also hybrid approach with loading your app as a library?

Storybook in Salesforce Lightning or alternative

Recently I've joined a new job and they are working with Salesforce. They have all pages with APEX and I propose to migrate to Lightning components.
I've created the first 7 components and I'm using Atomic Design Methodology (https://atomicdesign.bradfrost.com/chapter-2/) to develop these components.
I want to implement stories (with Storybook) or another similar library to document and put examples of each web component.
My question is... Is it possible? I try to install Storybook in the project and isn't working. The question is simple, whether or not you can. And if not, if you know any alternative to it.
Thank you!
In order to use Storybook, you will need to follow the provided Storybook documentation for lightning "Web Component" rather than the other available options like React and configure your VS Code to work with your SF Environment. Also, you might want to look into downloading the lwc-services, lwc-webpack-plugin and mo-dx-plugin dependency.

How to integrate zoho crm webforms(Ex:Contact us) in Reactjs PWA application

I have a generated Zoho CRM webform for Contact us. I need to integrate that form into my react application and submit user inputs. I can get the iframe version, javascript version, and HTML/CSS version of the generated code. I want to know which one is best for the Reactjs PWA application and can we use this directly with react. Can someone help me with this?
I would suggest avoiding iframe altogether. You might find a lot of issues when dealing with cross-domain artifacts and policies. If you want to customize the look and feel of the form, better go ahead with the HTML & CSS version. JavaScript file will be an external dependency. It also would be a hacky / non-react way.

What can be the best way to use captcha with spring boot and react application?

I want to implement captcha for my application which has frontend on React JS and backend on Spring boot. For implementing captcha, I found many solutions like google's recaptcha, botdetect library etc.
But I am bit confused what should be the best way and flow to use captcha for my application. I want to pick a way which is optimised and fast in processing.
Please answer your suggestions. Thanks in advance!
I used a package in node.js called svg-captcha (link:https://www.npmjs.com/package/svg-captcha) ; it is specifically built for avoiding google recaptcha (and the idea is simple so you might find similar packages for spring boot), basically the client calls for an image (svg) via an api to backend; which returns the image and encoded text. You can use the same idea for quick application. Although, i would not use it for serious applications. Good luck!

How to use spatie/laravel-permission package with react js for roles?

I want to develop a system module based using Laravel 6 and reactjs 16. It will be included Roles and Permissions functionalities.
I am using https://github.com/spatie/laravel-permission for roles permissions. I just want to know how to use it with reactJs.
Laravel 6.0 is being used for database and backend functionalities.
IMHO it's not depending from front-end technologies (like react).
And suggest you to read this article or watch appropriate youtube video.
By the way, I don't think that here we need to write about installation steps for that popular package. Because all that stuff written in the official package Readme, and issues are there too. So if you will get an error, or have some troubles, people will try to help for the specific case

Resources