React in a most popular frontend development framework. While developing web applications sometimes we need to generate PDF documents. It may be a entire web page or a component. Here I’m going to show you how we can export a react component as a PDF file.

First we need to install jspdf npm package using below command.

npm install jspdf --save

After the installation, you need to import that package in your relevant react component

import JsPDF from 'jspdf';

Now we are going to implement a function for generate and export the PDF.

const generatePDF = () => {…

What Is React JS ?

React JS is a most popular front-end development framework written in JavaScript. In the beginning It was developed by Facebook for their own development purposes. In 2013 it was released for developers. Since 2013, React JS has achieved a high popularity among other front-end development frameworks. Why?

🔵 It offers most simple and flexible way to handle the front-end development process.

🔵 Reusable components (React is a component based framework.)

🔵 React can load data to a web page without refreshing or reloading. It increases the scalability of web application.

Let’s see how React work.


What is Mongo DB & what is No SQL

Logo — https://www.troopsf.com/file/mongodb-logo.png

What is Mongo DB

Mongo DB is a free , No SQL (non-relational) database written in C++. Now there is a question. What is No SQL? Let’s take a quick look at what it means by No SQL.

No SQL databases are non-relational, non-tabular type databases. . There is a doubt what it means by No SQL. It does not means there is “NO SQL”. It means Not only SQL. Non-relational databases are storing data in a different manner. You will not see data in tabular format like in Mysql or…


What is Git?

Git is the most popular and widely using Version control system in the software development industry. Hold on, now what is a version control system?

Before talking about Git, let’s take a quick look at what is the version controlling and why we need it.

Version control/ Version management

Now imagine you are working on a project with multiple collaborators. In that case everyone has to use the same source files. What happened when multiple developers change same source file concurrently?. There will be many conflicts. Then how you can manage it?

That’s why you need version controlling.

Version control…


What is JavaScript

Java Script is a Programming language that is used in web development. it responsible for dynamic content of a web page. JavaScript is supposed to run in a web browser, but it is possible to run outside the browser using node js runtime environment. So it means Java Script can use for both frontend and backend development.

Features of Java Script

JavaScript is a loosely typed programming language. it means you don’t need to specify what kind of data you are going to store in variables.

JavaScript is a single threaded programming language. programs are run using a single thread.

JavaScript works asynchronously. It…

Uditha Janadara

Undergraduate Software Engineer at Sri Lanka Institute of Information Technology

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store