React Redux v9: Why connect() Shows a Deprecated Warning and How to Fix It If you've recently upgraded to React Redux v9 and are using IntelliJ, VS Code, or another TypeScript-aware IDE, you may have noticed a warning when hovering over connect(): @deprecated We recommend using the useSelector
Introduction After installing Ubuntu, one of the first things many users encounter is the Linux terminal. By default,Ubuntu uses Bash (Bourne Again Shell) as its command-line shell. While Bash is powerful and widely used,many developers and Linux enthusiasts prefer an alternative shell called Zsh (Z Shell). This guide
Definition: Kafka, in simple terms, is a distributed-infrastructure used to store, manage and process events in real-time. In traditional software world, developers visualized data as tables which represents things in real world like for example, items in an inventory, signed-up users, cars in a showroom, etc. But what about things
Step 1: Understand What SSH Is SSH stands for Secure Shell. It is a secure protocol used to: * Connect to remote servers * Clone Git repositories * Push and pull code securely * Deploy applications Instead of using passwords, SSH uses cryptographic key pairs. Step 2: Understand SSH Key Pair When you create
Technical Guide: Upgrading to Spring Boot 4.0.1 This guide outlines the technical requirements, dependency changes, and configuration updates necessary to migrate a Spring Boot application to version 4.0.1. 1. Build Environment Update Before updating application dependencies, ensure your build tool is compatible with Spring Boot 4.
Nextcloud manual setup steps * Update and Install Dependencies We need the web server and all PHP modules required by Nextcloud. Run this on Server 1 AND Server 2: sudo apt update sudo apt install apache2 php libapache2-mod-php php-mysql php-common php-gd php-curl php-imagick php-mbstring php-xml php-zip php-intl php-bcmath php-gmp unzip -y
Modern authentication systems are moving beyond passwords. With the rise of passwordless authentication, One-Time Passwords (OTPs) delivered over email or SMS are becoming a trusted standard for secure and seamless user logins. However, implementing an OTP-based login mechanism that is scalable, reactive, and audit-compliant requires more than a simple verification
The Problem Enterprise applications that export Excel reports with embedded documents face a critical security challenge. The straightforward implementation exposes internal system identifiers: https://app.example.com/api/document/12345/view?tenantId=67890 This reveals: * Internal document IDs (12345) * Tenant identifiers (67890) * API structure and endpoints Once Excel files are
Commands * mongod - start mongo db server instance * mongo - start mongo db command prompt to execute commands * show dbs - show databases * mongoimport -d [DATABASE_NAME] -c [COLLECTIONS] --file [FILE_NAME] - import into database and collection from file * mongoexport -d [DATABASE_NEM] -c [COLLECTIONS] --out [FILE_NAME] -
The react-native-document-picker library is a React Native module that allows users to select documents (or files) from their device storage. This can include various types of files, such as images, videos, PDFs, audio files, and other types of documents, depending on the platform (iOS or Android). The primary use case
Git Commands * which git * git --version * vi /etc/gitconfig * vi ~/.gitconfig : user level git config file * vi [PROJECT_PATH]/.git/config : project level git config file * git config --system : system level configuration * git config --global : user level configuration * git config : project level configuration * git config --global user.name "[NAME]
Basic commands * su: login as super user (e.g. root) * pwd: current directory * ls: list files * ls -l: list files with detail info * bunzip2 [FILE_NAME]: decompress file at same location * cp [FILE_1] [FILE_2]: copy file1 to a file called file2 * mv [FILE_1] [FILE_2]: (move) rename
ETL (Extract, Transform, Load) ETL (Extract, Transform, Load) is a fundamental process in databases and data warehousing used to move and process data from one system to another. It consists of three main steps: 1. Extract – Retrieve data from multiple sources (e.g., databases, APIs, files). 2. Transform – Clean, filter,
Firebase Cloud Messaging (FCM) is a service that allows you to send notifications and messages to users across platforms like iOS, Android, and the web.This guide will walk you through how to set up Firebase Push Notifications in a React Native app for Android. Prerequisites * A React Native project
Steps to solve this issue: 1. Android Build Configuration Updates 2. Updates to package.json Dependencies 3. Kotlin Version Update in @react-native/gradle-plugin: Another file that was modified is the patch file for @react-native/gradle-plugin: To know more about this issue
Understanding the Role of System and Common Projects * Common Project: For shared things that multiple projects can use (like tools, reusable code, or common settings). Example: Same DTOs, enums, or helper functions used everywhere. * System Project: For things specific to one application (like custom logic, workflows, and configurations). Example: APIs,
In this blog, we will explore how to create a robust system for describe image into meaningful word descriptions using Kotlin and Spring Boot. This process integrates modern tools and frameworks like AI APIs (Gemini, ChatGPT), Redis caching, and reactive programming. Step 1: The Controller The controller exposes an API
Liquibase is a powerful database schema evolution tool that integrates excellent with Spring Boot projects. In this guide, we'll walk through the process of configuring Liquibase in a Spring Boot application using Kotlin and Gradle. Step 1: Add Dependencies dependencies { implementation("org.springframework.boot:spring-boot-starter-data-jpa") implementation(
![Error-05: Execution failed for task ':app:configureCMakeDebug[arm64-v8a]', (Android specific).](/content/images/size/w600/2024/09/debuggError.jpg)
Fixing Android Build Issues: 1. Open Terminal. 2. Navigate to the Android Folder: 3. Delete Gradle, CMake build artifacts, and the build folder: After Running These Commands 4. Rebuild the Project: Once you’ve cleaned up the old build artifacts, you can rebuild your project using the following command: 5.
Steps to fix this issue: 1. Navigate to node_modules/native-base/src/core/NativeBaseProvider.tsx . 2. Delete <SSRProvider></SSRProvider> that wraps {children}. Take care not to delete {children}. 3. Remove SSRProvider imports. That is, `delete this line import { SSRProvider } from '@react-native-aria/utils'; 4. Now,
Term PPAP Production Part Approval Process ICA Interim Corrective Action PCA Preventive Corrective Action FMEA Failure Mode and Effects Analysis PPM Parts Per Million APQP Advanced Product Quality Planning QNCR Quality Non Confirmity Report NCR Non-Conformance Report CAPA Corrective and Preventive Actions RCA Root Cause Analysis
Open the Spring initializer https://start.spring.io/; Steps Version Select the Project Gradle -Kotlin Select the Language Kotlin Select Spring Boot Version 3.2.0 Steps Version Group Name Com. example Artifact Name demo11 Name demo11 Project Description Demo Project for Spring WebFlux and Netty Steps Version Package Name
Step 1] Install Tailwind CSS Install tailwindcss via npm, and create your tailwind.config.js file. npm install -D tailwindcss npx tailwindcss init Step 2] Configure your template paths Add the paths to all of your template files in your tailwind.config.js file. /** @type {import('tailwindcss').Config}
Install the library using npm i react-native-config After installing library create .env file at the root of your project with following code # DEV, STAGE, PROD APP_PROFILE=DEV API_BASE_URL=http://10.0.1.32:6055/health-tracker TENANT_ID=health-tracker By plugin this config library we have to manually
n CSS (Cascading Style Sheets), you can control the style of borders around HTML elements using the border-style property. The border-style property allows you to specify the style of each side of an element's border. You can apply different border styles to the top, right, bottom, and left
In this article, we are going to see the difference between flatmap and map in Kotlin via the sample code. Let’s first create Data class in Kotlin having a list of items in the constructor: data class Data( val items: List<String> = listOf() ) Now, in the function
* Valtio is a state management library for React applications. * Valtio library is easy to use better than useSate hook. Steps valtio 1. Install the Valtio library in your React project using a package manager like npm or yarn. 2. Create a proxy object using Valtio to represent your application'
HTTP Status Code refers to a 3-digit code that is part of a server's HTTP Response. The first digit of the code describes the category in which the response falls. Code Status Description 100 Continue The server has received the initial part of a request and is ready
1. @Controller Annotation This annotation provides Spring MVC features. It is used to create Controller classes and it handles the HTTP requests. 2. @RequestMapping Annotation This annotation is used to map the HTTP requests with the handler methods inside the controller class. 3. @RestController Annotation This annotation is used to
* What is Navigation ? * In React.js, navigation typically refers to the process of moving between different parts of your application based on user actions, such as clicking a link or submitting a form. * React doesn't have built-in support for routing (navigation between different pages or views), so developers
React Suspense - * What is React Suspense? The suspense component is required to wrap lazy components in programming. It takes a fallback property that accepts the react elements to render while the lazy component is being loaded.With react suspense, components may pause rendering while they wait for an asynchronous
Spring Boot 3 Migration- Migrate Spring Boot 2 To Spring Boot 3 · STEPS : 1. Change the spring boot version:In build.gradal.kt id("org.springframework.boot")version "2.7.18" >> id("org.springframework.boot") version "3.1.5" id(