Create Drag and Drop in React

Drag and drop is a very common feature. It is when you “grab” an object and drag it to a different location. We can use this feature in managing our dashboard widgets. Create a draggable menu in react. Ordering the …

Create Pagination in React

Pagination is the process of splitting the contents, or a section of contents from a website or application, into discrete pages. Here we will create pagination in React applications. Create Pagination in React Recommendation Using MongoDB in Node.js Create Barcode …

Create dynamic lists in React

Dynamic lists are the lists that automatically add or remove based on the conditions. They are easy to set up and they maintain themselves, which makes them a great choice for building lists around information that changes frequently. Here we …

Create tags in React

Tags are the keywords associated to a piece of information. Tags are often used on social websites, email systems, blogs where users can upload their own content. They are separated by comma or enter. Here we will create tags in …

Create Accordion in React

The accordion is a component that organizes content within collapsable items. Accordion can toggle through a number of text blocks with a single click. Here we will create accordion in React. Create Accordion in React Accordion CSS in React Add …

Create Bootstrap Dropdown in React

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are made interactive with the included Bootstrap dropdown. Dropdown are toggled by clicking. Here we will create bootstrap dropdown in react. Create Bootstrap Dropdown in React Now …

Create editable table in React

We uses tables to display the data in organized way. Sometimes, we need to create dynamic tables in react with edit features. Here, we will create editable table in react. Create editable table in React Now, we have component <EditableCell …

Create Timeline in React

A timeline is a display of a list of activities or events in chronological order. Timeline is typically a graphic representation, showing a long bar labelled with dates, title or description paralleling it. Here we will create timeline in React. …