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:	2137
Pageviews:	845.2K
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,977 Views · 4 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,617 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,664 Views · 4 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,729 Views · 5 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

· 40,240 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

· 21,273 Views · 3 Likes

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

February 26, 2020

· 49,032 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,489 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,703 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,360 Views · 4 Likes

Create user registration and login with Web API and React.

Updated February 3, 2020

· 105,171 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,728 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,845 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

· 25,108 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,922 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

· 28,196 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

· 24,121 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

· 53,202 Views · 6 Likes

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

October 16, 2019

· 76,932 Views · 6 Likes

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

September 24, 2019

· 89,541 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>