Narender Saini

Narender Saini @narendersaini32

About: I am Senior Reactjs developer with 4 year of experience. Apart from freelancing work I am a mentor teaching 100's of students around the globe. I love to share knowledge regarding Reactjs.

Location:
India
Joined:
Feb 28, 2020

Narender Saini
articles - 29 total

How to add less and svg support to Nextjs

Have you ever face a situation where you want to use less and SVG images with nextjs and you don’t...

Learn More 9 0Oct 18 '20

How to make wiggly div in React

Making Wiggly div is most interesting and at the same time a complex thing. It will be good for cas...

Learn More 6 0Oct 11 '20

Generate pdf from dom with multiple pages and without cutting

In the last article we learned about how we can generate pdf from dom elements but there was some b...

Learn More 49 0Sep 12 '20

How to create range slider with bubble in React

Let’s assume we have to implement a range slider with bubble. To achieve that maybe most of the dev...

Learn More 14 0Sep 5 '20

What’s new in React v17.0 ?

Most of the React developers know that few days ago React released there new version. It’s more the...

Learn More 15 0Aug 29 '20

How to use Glide with React

Adding a slider or carousel is one of the interesting thing but at the same its complex as well mai...

Learn More 17 3Aug 22 '20

How to add Animated typing to your React App

So many of us seen websites which show typing text on there landing page. Most of the time we don’t...

Learn More 46 0Aug 15 '20

How to write complex layouts in one line of Css

In the modern era of frontend writing responsive styling became one of the essential skill for all...

Learn More 8 0Aug 8 '20

How to use JSX in markdown documents

Have you ever wondered what if there is a way to write JSX in markdown documents. That will make wr...

Learn More 11 1Aug 1 '20

Fast a new UI library from Microsoft

Choosing the correct UI library for a project is always most confusing thing for developers. We alr...

Learn More 29 2Jul 25 '20

How to write regex in natural language

Everyone knows regex is most powerful feature of JavaScript but at the same time it can give hard t...

Learn More 110 7Jul 18 '20

How to check an element is in viewport

So, maybe you already have seen the case where developer need to check an element (div) is currentl...

Learn More 32 1Jul 11 '20

How to create load more logic in React

So usually we prefer to use load more logic using the backend api where we pass the skip value and...

Learn More 95 3Jul 4 '20

Best svg resources for React Projects

Have you ever wondered how some projects have cool svg illustrations and icons. In this article we...

Learn More 48 1Jun 27 '20

How to block +,- and e in Number Input

Have you ever used number input and added special logic on onChange event to prevent +, – and e cha...

Learn More 58 8Jun 20 '20

How to create charts using Chart.js with React

Making charts in React is always tricky. We need to take care of a number of things like chart type...

Learn More 45 4Jun 13 '20

Top 5 React free templates and themes with live

Finding awesome React free templates is very difficult and looks undiscoverable in first place. Aft...

Learn More 63 0Jun 6 '20

How to create custom toggle button in React

Creating custom elements for different projects is always challenging. Most of the time we rely on...

Learn More 18 1May 30 '20

Recoil, A new state Management library from Facebook for React

State management is always the biggest concern for any developer specially in case of global state...

Learn More 16 2May 23 '20

How to use MoJS with React

Creating beautiful animations is one of the most difficult task for a Frontend developer. The solut...

Learn More 26 0May 9 '20

How to create custom Radio Button in React

How many of you faced a situation where you have used native inputs which are provided by the OS li...

Learn More 27 0May 2 '20

How to create own Giphy clone in React

This article is for the React Beginners who wants to create something cool using there React skills...

Learn More 27 0Apr 25 '20

Project ideas for React beginners with demo 2020

This is the most asked question to me from new students i.e what are the different project that I c...

Learn More 54 0Apr 18 '20

React vs Angular: Which one should you use in 2020

In this post we are going to compare React and Angular and try to find out which one should you use...

Learn More 28 7Apr 12 '20

Top React Form and validation libraries

Form and validation libraries are one of the best way to avoid re writing the boring code again and...

Learn More 14 3Apr 4 '20

How to create Tab Manager in React

Tab manager is one of the basic thing that you may have used in your projects. In this post we are...

Learn More 194 4Mar 28 '20

Best way to improve your React code

Maintaining code quality is the biggest challenge for beginners. In today post we are going to talk...

Learn More 43 6Mar 22 '20

What’s new in React Router v6

React Router v6 is currently in the alpha stage but still there is a lot of new features coming soo...

Learn More 173 6Mar 12 '20

5 vscode extensions for react developers

In this post we are going to learn about 5 vscode extensions for react developers that they must use....

Learn More 126 3Feb 28 '20