Sanwar Ranwa

CORE

Software Engineer at Sol Power and Controls

Company website: https://www.softapproachit.com

Bangalore, IN

Joined Feb 2018

https://www.softapproachit.com/

About

Software Developer

Stats

Reputation:	2122
Pageviews:	832.9K
Articles:	20
Comments:	2

Articles
Comments

Articles

How to Copy Text to Clipboard Using React.js

In this brief tutorial, follow along with a demonstration of how to copy text to the clipboard in React.js applications.

October 29, 2024

· 4,287 Views · 3 Likes

Add Material-UI Table In ReactJS Application

Take a look at how you can use React.js to make a Material-UI in React applications.

Updated May 18, 2022

· 27,189 Views · 5 Likes

How to Use Bootstrap Carousel in React

In this article, we'll demonstrate how to create a Carousel to display images and video in React with Bootstrap.

April 17, 2020

· 30,297 Views · 3 Likes

How to Search Records Between Two Dates Using Web API and ReactJS

In this article, we discuss how to search records between two dates using Web API, ReactJS, C#, and SQL Server.

April 14, 2020

· 12,469 Views · 4 Likes

React Bootstrap Table With Searching and Custom Pagination

In this article, we discuss how to use the React Bootstrap Table and add pagination, searching, and sorting.

March 20, 2020

· 39,239 Views · 4 Likes

in this article, we discuss how to create a cascading dropdown in React with Web API in order to allow users to have filtered options in a form.

March 17, 2020

· 20,718 Views · 3 Likes

Learn how to integrate a Google login button to securely log into an application using ReactJS.

February 26, 2020

· 48,728 Views · 4 Likes

How to Export Data to Excel in ReactJS

This tutorial goes through the steps of creating and configuring a ReactJS application that creates and exports data to Microsoft Excel.

Updated February 25, 2020

· 22,100 Views · 3 Likes

How to Use Owl Carousel in ReactJS

In this article, see how to use Owl Carousel in ReactJS.

February 25, 2020

· 48,039 Views · 4 Likes

How To Add AutoComplete Textbox In React Application

In this article we are going to learn how we add AutoComplete textbox in ReactJS. We use Material UI Autocomplete component in this demo.

February 6, 2020

· 13,005 Views · 4 Likes

Create user registration and login with Web API and React.

Updated February 3, 2020

· 103,757 Views · 5 Likes

Create Charts in an Angular 7 Application Using Chart.js

In this article, we discuss how to create line, bar, doughnut, and area charts with Angular 7 and Chart.js in order to create better visualizations.

Updated January 21, 2020

· 63,194 Views · 5 Likes

CRUD Operations Using ReactJS Hooks and Web API

In this article, we discuss how to use Hooks in React.js in order to perform CRUD operations with the .NET Web API.

January 17, 2020

· 36,232 Views · 7 Likes

Create Charts in ReactJS Using Chart.js

In this article, we discuss how to use Chart.js to create robust visualizations in a ReactJS application.

January 8, 2020

· 24,735 Views · 5 Likes

How to Work With a Text Editor in an Angular 8 Application

In this article, we discuss how to integrate a text editor into an Angular Application with ng2-ckeditor.

January 8, 2020

· 27,601 Views · 3 Likes

Upload Files Using ASP.NET Web API and React.js

In this article, see how to upload files using ASP.NET Web API and React.js.

December 16, 2019

· 27,568 Views · 3 Likes

CRUD Operations Using ASP.NET Web API, MongoDB, and Angular 8

In this article, we discuss how to add CRUD functionality to an Angular 8 application using ASP.NET Web API and MongoDB.

November 20, 2019

· 23,716 Views · 5 Likes

CRUD Operations Using ReactJS and ASP.NET Web API

Get going with React and the ASP.NET Web API.

October 22, 2019

· 52,244 Views · 6 Likes

Get started with creating user accounts in an Angular 8 application.

October 16, 2019

· 75,300 Views · 6 Likes

Make user authentication more secure in a few, simple steps.

September 24, 2019

· 89,099 Views · 10 Likes

Comments

Dec 15, 2019 · Sanwar Ranwa

Oct 14, 2019 · Sanwar Ranwa

Hi Tony, you need to add your component reference in app.componet page and remove the defaultt html at this page app.compoenent.html and add reference of your componenet like <app-login></app-login>