Search

Learn Polymer, Javascript, Wordpress, Git – sabarinath J

Technical Challenges & solutions in UI Technologies & CMS

How to create a sorting table with icons in lit-elements and JavaScript

Hi guys, in this blog., I will be showing how to create a sorting table with icons (toggling) subject to each column header clicked with lit-elements & javascript step 1: I have a json response with 3-4 columns data. e.g.... Continue Reading →

How to sort/reorder json response by role/hierarchy in javascript

Hi., I noticed many javascript developers trying to find a way to sort/order a array of objects by role/hierarchy etc when no ID available. Here I will be showing you a example of sorting array of objects by hierarchy. e.g.... Continue Reading →

How to use services in lit-Element

Hi all, as part of Polymer 3 Tutorials., today I will be showing how to create a service and call it inside component using litElement services in litElement are basically to split a particular portion of code and place it... Continue Reading →

How to get max value of multi Array Json using Javascript ?

Hi all, this article explains how to get max value of multi array json using javascript methods like spred operator and Math.max Let us assume an multi array json let arr = [[1, 6, 3, 52], [13, 1], [8, 2,... Continue Reading →

How to Re render DOM on value change in lit-html

Hi All, many of us might have faced the problem in rendering DOM with updated values when inputs changed in lit-html. This is due to life-cycle designed for lit-html. Once values are appended and render done for lit-html., it needs... Continue Reading →

How to make sequential/dependent API calls with async/await

Hi all, as part of Learn Javascript/ES6/ES7 ., here is an example of how to make sequential/dependent API calls with async/await _onLoad(){ this._firstApiCall().then((res) => { this._secondApicall(res); }); } _firstApiCall(){ try{ const response = await axios.get('https://example.com/api1/apicall'); if(Object.keys(response.data).length > 0){ return response.data;... Continue Reading →

How to make parallel API calls with async/await

Hi all, as part of Learn Javascript/ES6/ES7 ., here is an example of how to make parallel API calls with async/await Parallel calls with async/await can be made with help of promises. promise.all will make sure API returns promise (either... Continue Reading →

How to make a simple component using lit-html with API Response

Hi Guys, As part of learn Polymer – polymer 3 tutorials for beginners to pro., here iam going to show you how to create a simple component using lit-html with API call using Async await Step 1: Install lit-html via... Continue Reading →

How to switch content with paper-tabs in polymer 3 Tutorials

Hi Guys, As part of learn Polymer - polymer 3 tutorials for beginners to pro., here is the simplest way to switch content on clicking paper-tabs . Required Dependencies: paper-tabs (For tabs) - install npm dependency - `npm install --save... Continue Reading →

Blog at WordPress.com.

Up ↑