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. …

Create Autocomplete in React

Autocomplete is an feature in which an application predicts the rest of output based on the user input. Autocomplete is used in mainly in E-Commerce, Booking applications or websites. Here we will Create Autocomplete in React websites or applications. Create …

Create Search Bar in React

Search Bar is a text-box used to search data in file or database based on user’s input. In our web or mobile applications we can create search bar in react in different ways. Here below we will create react search …

Create Popup Component in React

Popup is a UI Component which displays as window in different sizes and screen positions on websites or apps. We can display different any components like forms, boxes, images, videos, tables etc. in Popup. Here we will create popup component …

Create Tooltip in React

A tooltip is mostly used to define the extra information about data(text,image or videos). Tooltip shows when the user moves the mouse pointer or tap over an element. Tooltip can be placed Top, Right, Bottom, Left. Here we will create …

Create Progress bar in React

A progress bar is a graphical representation of data used to visualize or show status of the data such as a download, file transfer, number of counts or installation. So, here we will create progress bar in React. The code …

Card Components in React

A card component in react is a type of content container. It provides options for adding images, headers, and footers, a wide variety of content, contextual background colors, adding post details, adding profile details and excellent display options. Here we …

Create MultiSelect in React

Multi-Select is a component used to get multiple inputs from user. Here we will create multiselect in react applications. Create Checkbox in React First, We needs to install Selectly package. You can get details of the selectly package here. Now, …

List of Ionic UI Components

Ionic is an open-source mobile application development framework. In Ionic we can create the UI of our app using components. There are list of ionic components like cards, lists, tabs, alert, badge, buttons etc. Here is a list of Ionic …

How to create QR Code in react

QR Code stands for “quick response” code. It is capable of storing lots of data. It is basically a barcode on steroids. While the barcode holds information horizontally, the QR code does so both horizontally and vertically. When we scans …

Types of Storage For React

Storing data is always an essential part for all application. The storage can be a local or server storage. Here we will discuss about the types of storage for react. Async Storage in React It is also knowns a built-in …

How to use MongoDB in Laravel

In MySQL Database we stores the records in the form of rows and tables. But we need to define the structure of table and columns before inserting records. MySQL is quite slow in comparison to MongoDB while dealing with large …