Skip to main content

Category: Tutorial

How to Map Components in React

Updated on: coderszine team

In our previous tutorial, we have listed Best PDF Viewer Component for React. In this tutorial, we will explain about Mapping Components in React.

As the React takes regular JavaScript data and turn into HTML, so here we will see how easily we can turn our array data into HTML elements.

Suppose you have employee list in an array and wants to turn that into <li> elements. The map() function from JavaScript do the magic to achieve our goal. It will help to loop through array and create new HTML elements for each record in an array. It will help to display elements like this. (more…)

Read CSV File using JavaScript

Updated on: coderszine team

In this tutorial, we will explain how to create CSV file using JavaScript.

CSV (Comma Separated Values) is the most used file format to store data in spreadsheet. It is widely used in web applications to store and read dynamic data. Due to it’s popularity, most of web applications allow users to get data in CSV format and also allowed to upload CSV data and display.

So if you’re developing a web applications and looking for the solutions to read the CSV file using JavaScript, then you’re here at the right place. In this tutorial, you will learn how to read CSV file using JavaScript and display data on page.

We will use the Papa Parse JavaScript CSV parser library to read the CSV file. With this library, we will create a live example to read CSV file and display CSV data on a page.

(more…)

Best PDF Viewer Component for React

Updated on: coderszine team

In this post, we will list some of the best PDF Viewer Component for React to implement into React App.

PDF (Portable Document Format) is the most used file format to store documents data. It is a very convenient and safe to store data into PDF files.

So if you’re developing a React app and looking for component to use in your app for PDF viewer, then you’re here at the right place. In our previous post, we have listed some of the best PDF Viewer jQuery plugin. In this post, we will list some of the best PDF Viewer Component for React. The components are easy to use and provides the best viewing experience with PDF files. (more…)

Best PDF Viewer Plugin in jQuery

Updated on: coderszine team

In this post, we will list the best PDF Viewer Plugin from jQuery.

Portable Document Format (PDF) is a popular file type on web to write and view documents. So if you’re running or developing website and looking for client end solution to read or view the PDF document in your website, then you’re here at the right place. In this post, I have listed some of the best jQuery PDF viewer plugin for you to use in website. (more…)

Copy Text to Clipboard with JavaScript

Updated on: coderszine team

In this tutorial, we are going to explain how to implement Copy Text to Clipboard functionality with JavaScript in your website. We will use execCommand("copy") JavaScript command to copy content to clipboard.

The Copy text to clipboard is a special feature that allow user’s to copy contents without using any key combination. There are no need to highlight and manually copy text. User’s just need to click button to copy content to clipboard and content copied automatically.

So there are various reasons to prefer copy to clipboard feature into your website instead of manual copy. As in our previous tutorial you learned how to Refresh or Reload Page using JavaScript. Here in this tutorial, we will cover copy to clipboard using JavaScript tutorial with live demo.

(more…)