Completed

React component drag and drop

The component proupose is to merge 2 list into one. Where the order count and every object of the first list, can contain zero or multiple element of the list 2.

With a friendly drag and drop UI.

So we have:

- Two list of element

- The first list can be ordered between the first list element

- The second list must be associated to one element of the first list

- If first list element contains multiple second list element. This can be ordered inside the first list element.

- If i order the first list element this must memorize the second list element contained inside the first list element

Props of the component:

renderCardSecondList: {(element)=>{return <p>{[login to view URL]}</p>}} Arrow function where we can render different UI for the element in the second list

renderCardFirstList: {(element)=>{return <p>{[login to view URL]}</p>}} Arrow function where we can render different UI for the element in the first list

dataFirstList:[{element}] Each element are object and we consider that everyone has an unique "id" attribute

dataSecondList:[{element}] Each element are object and we consider that everyone has an unique "id" attribute

onChange={(o)=>{[login to view URL]("CHECK DATA: ",o)} At each drag and drop event, it return the first list with the new order and for each first list element the new contained second list element

You can see the attachment for more detail about the concept/mockup

Feel free to imagine and create a new UI, don't need to be like this mockup

Skills: React.js

See more: javascript drag drop count, joomla drag drop component, drag drop count script flash fla, drag drop whiteboard component flash, flex list drag drop count, netbeans jtree component add drag drop, drag drop database count, flash component listbox drag drop, drag drop email outlook component net, sharepoint drag drop component, drag drop image merge php, drag drop virtuemart component, drag drop virtuemart component module, flash datagrid component drag drop, drag drop component suite, react canvas drag and drop, react native drag and drop builder, react image drag and drop, react-native-drag-drop-and-swap, react native drag and drop component

About the Employer:
( 3 reviews ) Cerreto, Italy

Project ID: #30886689

Awarded to:

Olamide1987

Greetings~ I have gone through your job posting very carefully so I have fully understood what you mean. I can fully support with my commients since it fits in my stacks. Hope to work with you Looking forward to heari More

€50 EUR in 7 days
(3 Reviews)
2.9

34 freelancers are bidding on average €165 for this job

andrey0savelev

Hi. There. I read your description carefully. I am very interested in your project since I am React expert. You can check my profile and reviews which I have gained on this platform by performing the a lot of react t More

€200 EUR in 2 days
(16 Reviews)
6.1
(18 Reviews)
5.7
DeveloperRamazan

Hello, dear. How are you? I have read your description and I see what you want as an experienced REACT dev with 7+yrs of experience. I have done many projects using Reactjs/TS, Next js as frontend and great understandi More

€250 EUR in 7 days
(6 Reviews)
5.0
NichitaPasecinic

Hello, man. I read your description carefully. I am very interested and confident. [login to view URL] you checked this doc. I think your project is not difficult to me. Please message me to dis More

€140 EUR in 7 days
(5 Reviews)
4.5
vishal1145

I am very strong in developing ReactJS, React Native and JavaScript based application and proven track record of developing the application based on these technology I am a good developer with smart problem solving s More

€120 EUR in 7 days
(4 Reviews)
4.9
AleksandarDikic

Hello React Expert I have read your description carefully and I'm sure I can complete it in time perfectly. I've rich experience in Web development over 5+ years. In MERN stack developing ways, I'm prepared well. Lot's More

€140 EUR in 7 days
(6 Reviews)
4.2
sharashkynkonst2

Hello, [login to view URL] you for your job posting:<<React component drag and drop >> This I my old project in React Js [login to view URL] We can use React on Client and Server as well as with other Framew More

€140 EUR in 7 days
(5 Reviews)
3.6
vitalliburak

Dear client. Have just read your project description. When it comes to React.js, I'm an expert. Have 5 years of experience and during that time I have developed many projects using React.js. I am very familiar with rea More

€150 EUR in 3 days
(7 Reviews)
3.6
sevastyanovilya2

Hello, how are you? I can help you build ur custom component as u want because I am a react expert. Can you come to me discuss more? Ilya

€140 EUR in 7 days
(1 Review)
3.7
dmytrohalych

Hi, Sir. Please pay attention to my feedback. All are 5 marks and 100% completed. I have rich experiences in ReactJS with 7+ years. Especially, I have excellent skills in Redux / Hooks / Context / Functional component More

€120 EUR in 3 days
(1 Review)
3.0
vovakovalkov80

Hello I have many experiences in React.js. I am interested in your project. I can give the perfect result on time. Let's discuss further via chat. Thanks

€140 EUR in 1 day
(1 Review)
2.8
savindo

React Expert (drag and drop) I have read your description carefully and I'm sure I can complete it in time perfectly. I can complete your project with in 3 days. I love API-first paradigm with JS framework like React.j More

€100 EUR in 3 days
(2 Reviews)
2.9
srdeveloper8988

hello I can complete this react components in one day. we can discuss on chat. payment will be after completion of work. thanks for your time

€244 EUR in 1 day
(3 Reviews)
2.6
(4 Reviews)
2.7
bohdansmoliar

⭐I am a Senior full-stack Developer with prove experience in such expertise area(React/Redux/Next/Laravel etc).⭐ I can merge 2 list to one very quickly. I would be delighted to work for you as this is something I am ve More

€120 EUR in 3 days
(2 Reviews)
2.2
caleblipan

This should be quick and easy as I have years of extensive experience working on Single Page Application projects using React.js. One of the big projects I worked on is the JobDesktop user dashboard. JobDesktop is a ne More

€100 EUR in 3 days
(1 Review)
2.1
damirdam97

Dear, Client. This is professional React expert . I am very interested and CONFIDENT. let me show you one of my previous work with react. please check this. [login to view URL] More

€140 EUR in 7 days
(2 Reviews)
1.6
Pavel1Kusht

Hi. I have read your requirements carefully and I am sure that I am very suitable for this project. As a senior web developer, I am very familiar with React Component and have worked on similar projects to what you ar More

€140 EUR in 7 days
(1 Review)
1.3
maks52andr

Hello I am Maksim, Full Stack MERN Developer for more than 4 years of experience in making web and mobile (hybrid) applications with web technologies such as React, React Native. I have good working experience in Rea More

€140 EUR in 7 days
(1 Review)
0.4
Capador

Hi, I will be very happy if I can help you. I read your requirements and I think I am best suited for this project. I have rich experiences of frontend development using React, Vue, Angular, CI and Laravel. And also I More

€200 EUR in 7 days
(0 Reviews)
0.0