Forem: skptricks

React Native Get Save Value Locally using AsyncStorage in App Memory Example

skptricks — Sun, 18 May 2025 11:59:45 +0000

This tutorial explains how to store and get value locally using AsyncStorage component in react native application. AsyncStorage is a simple, unencrypted, asynchronous, persistent, key-value storage system that is global to the app. It should be used instead of LocalStorage. It is recommended that you use an abstraction on top of AsyncStorage instead of AsyncStorage directly for anything more than light usage since it operates globally. React Native has its own solution for this by giving us a proper fully ready component named as AsyncStorage, AsyncStorage is used to store value locally in both Android and iOS react native applications by providing us a Key factor. Developers can retrieve saved value from anywhere or any activity in complete application using the Unique Key. AsyncStorage component helps to store the user login session details in login and registration system.

Note: The stored value is permanent and can be accessible after closing the app or restarting the mobile until its been deleted.

Playwright Tutorial With Examples

skptricks — Tue, 22 Apr 2025 14:02:03 +0000

Playwright Test was created specifically to accommodate the needs of end-to-end testing. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox. Test on Windows, Linux, and macOS, locally or on CI, headless or headed with native mobile emulation of Google Chrome for Android and Mobile Safari. Here you will get basic and advance level concept about playwright.

Playwright Tutorial :

Introduction to the Playwright

How to Setup Playwright on Windows and MAC

How do I access playwright test runner project info in a test?

Write Your First Playwright Test Script - A Step by Step Guide

Playwright - Various techniques to locate an element in web page.

Mastering Playwright Timeout Settings

CSS nth matching in Playwright

page.$$ and page.$ in Playwright

How to Use Playwright Locators: A Detailed Guide

Playwright built-in locators

Working with File Uploads in Playwright

Files upload for non-input elements - FileChooser playwright

How to Download Files with Playwright

How to Record Tests using Playwright Codegen

Playwright Assertion Example

Playwright Hard Assertions vs Soft Assertions

Negating matchers with expect Assertion in playwright

Custom expect message in playwright

Working with Chrome, Firefox and WebKit browser in Playwright

CSS nth-match and nth-element locator in playwright

Playwright - locator.waitFor()

Working with Input box ,Radio Buttons & Checkboxes In Playwright

Working with Select dropdown in playwright

Working with Multi Select dropdown in playwright

Working with Bootstrap dropdown in playwright

Handling Auto-Suggest/Auto-Complete dropdown in playwright

Handle Hidden Elements in dropdown in playwright

Capture Screenshots in playwright

Capturing Videos in playwright

Handling Alerts in playwright

Right Click in playwright

Mouse Hover Action in playwright

Double Click in playwright

Drag and Drop Actions in playwright

Handling Frames in playwright

How to handle Child Frames in Playwright

Keyboard Actions in playwright

Hooks - beforeEach, afterEach, beforeAll & afterAll in playwright

Trace Viewer in playwright

https://dev.to/skptricks_93/introduction-to-java-coding-50k6

skptricks — Sun, 16 Mar 2025 20:00:35 +0000

Introduction To JAVA Coding

skptricks — Sun, 16 Mar 2025 19:59:21 +0000

Introduction

Are you looking for comprehensive Java coding help? Whether you are a beginner or an experienced programmer, this complete tutorial will provide you with the knowledge and resources you need to excel in Java programming. From the basics of syntax and data types to more advanced topics like object-oriented programming and exception handling, this tutorial covers it all. Follow along step-by-step and enhance your Java coding skills. Let's get started!

Reference :
Introduction To JAVA Coding

React Virtual DOM Explained

skptricks — Sun, 16 May 2021 03:51:45 +0000

If you are using React or learning React, you must have heard of the term Virtual DOM. In this tutorial we are going to discuss on React Virtual DOM.

ReactJS does not update the real DOM directly but it updates the Virtual DOM. DOM stands for Document Object Model. As per w3.org DOM defines the logical structure of documents and the way a document is accessed and manipulated.

This causes a great performance benefit for ReactJS. Here, we will try to understand why updating the real DOM is slow and how updating Virtual DOM increase the performance?

Highlights :-

Frequent DOM manipulations are expensive and performance heavy.
Virtual DOM is a virtual representation of the real DOM.
When state changes occur, the virtual DOM is updated and the previous and current version of virtual DOM is compared. This is called “diffing”.
The virtual DOM then sends a batch update to the real DOM to update the UI.
React uses virtual DOM to enhance its performance.
It uses the observable to detect state and prop changes.
React uses an efficient diff algorithm to compare the versions of virtual DOM.
It then makes sure that batched updates are sent to the real DOM for repainting or re-rendering of the UI.

React Virtual DOM Explained

Straight Insertion Sort Using C

skptricks — Thu, 13 May 2021 04:20:20 +0000

Insertion sort is a simple sorting algorithm that builds the final sorted array (or list) one item at a time.

Straight Insertion Sort using C

Let’s say we have an array a, so at each i-th pass, a[i] is successively compared with a[i-1], a[i-2], etc. until an element smaller than a[i] is found or the beginning of the array is reached. Elements that are found to be greater than a[i], are moved right by one position each to make room for a[i].

The time complexity of this algorithm is O(n^2).

The complete source code is given below

Google Chrome Extension Is Blocked By The Administrator

skptricks — Thu, 13 May 2021 04:17:41 +0000

In this tutorial we are going to discuss about Google chrome extension is blocked by the administrator issue. you may come across this error message :

LINER – Web/PDF Highlighter (extension ID “bmhcbmnbenmcecpmpepghooflbehcack”) is blocked by the administrator.

Google Chrome Extension Is Blocked By The Administrator

It is because your computer’s administrator user (mostly like the IT department if it is your work computer) blocked installing certain Chrome extensions through group policies.

Solution

If you have admin rights in your computer, follow the steps below to lift this restriction:
Read More...

React Native ActivityIndicator Andriod IOS Example

skptricks — Wed, 28 Apr 2021 11:25:02 +0000

This tutorial explains how to display loading screen or activity indicator in react native application for android and ios device. ActivityIndicator is the common circular loading indicator used in both android and iOS devices. This type of loader which is basically used to display a loading dotted moving circle on android and iPhone devices, When user trying to loading something from server.

React Native ActivityIndicator Andriod IOS Example

React Native ActivityIndicator Example
Lets see the complete source code that helps to display loading screen or activity indicator in react native application for android and ios device.

Step 1: Create a new react native project, if you don’t know how to create a new project in react native just follow this tutorial.

Step 2: Open App.js File in your favorite code editor and erase all code and follow this tutorial.

Step 3: Through react , react-native packages import all required components.
import React, { Component } from 'react';
import { StyleSheet, View, ActivityIndicator, Button } from 'react-native';

Step 4: Lets create constructor block inside your App component. In the constructor block we have created state variables that helps to hide and show activity indicator from the device screen.