<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Dev Ananth Arul</title>
    <description>The latest articles on Forem by Dev Ananth Arul (@dev_anantharul_1746a25af).</description>
    <link>https://forem.com/dev_anantharul_1746a25af</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3402588%2F202940c3-5c1a-4c5b-96bf-8990bda04980.png</url>
      <title>Forem: Dev Ananth Arul</title>
      <link>https://forem.com/dev_anantharul_1746a25af</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/dev_anantharul_1746a25af"/>
    <language>en</language>
    <item>
      <title>Java Features</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Thu, 16 Oct 2025 07:16:43 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-features-3i8f</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-features-3i8f</guid>
      <description>&lt;p&gt;&lt;strong&gt;1) Simple Syntax:&lt;/strong&gt;&lt;br&gt;
  Java is easy to learn to remove complex features like Pointers and multiple inheritane.&lt;br&gt;
&lt;strong&gt;2)Object oriented:&lt;/strong&gt;&lt;br&gt;
Java is object oriented language.It supports core concepts of OOP like..&lt;br&gt;
Class&lt;br&gt;
Object&lt;br&gt;
Inheritance&lt;br&gt;
Encapsulation&lt;br&gt;
Abstraction&lt;br&gt;
Polymorphism&lt;br&gt;
&lt;strong&gt;3)Platform indepedent:&lt;/strong&gt;&lt;br&gt;
Java is platform indepedent  because of Java Virtual Machine(JVM).&lt;br&gt;
when it write a java code is compiled to compilers to converting an byte code&lt;br&gt;
4) Interpreted:&lt;br&gt;
5) Scalable:&lt;br&gt;
6) Portable:&lt;br&gt;
7) Secure and Rebust:&lt;br&gt;
8) Memory Management:&lt;br&gt;
Memory management in java  is automatically handled an Java Virtual Machine(JVM).&lt;br&gt;
9) High performance:&lt;br&gt;
10) Multiple threading:&lt;br&gt;
    Java allows multiple threads to allow  run at an same time.&lt;br&gt;
11) Rich Standard Library:&lt;br&gt;
12) Functional Program features:&lt;br&gt;
13) Integration with other Technologies:&lt;br&gt;
14) Support for mobile and web application:&lt;br&gt;
15) Documentation and community support:&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>java</category>
      <category>programming</category>
    </item>
    <item>
      <title>Java Architecture</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Wed, 15 Oct 2025 17:44:04 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-architecture-1iel</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-architecture-1iel</guid>
      <description>&lt;p&gt;Java architecture refers to the framework of components (Java Virtual Machine, Java Runtime Environment, and Java Development Kit) that enables Java programs to run on any device or platform, a concept known as "Write Once, Run Anywhere". The process involves the Java compiler converting source code into platform-independent bytecode, which the JVM then interprets and executes as machine-specific code.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Process of Java Architecture:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Writing Code:&lt;/strong&gt; Developers write Java source code in java files.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;**Compilation: **The Java compiler (part of the JDK) converts java files into platform-independent bytecode (saved as class files).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Execution:&lt;/strong&gt; The JVM then takes this bytecode and converts it into machine code. which the underlying operating system can execute&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>architecture</category>
      <category>beginners</category>
      <category>java</category>
    </item>
    <item>
      <title>Java Class, Object and Variables</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Tue, 14 Oct 2025 17:33:59 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-class-object-and-variables-27j6</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-class-object-and-variables-27j6</guid>
      <description>&lt;p&gt;&lt;strong&gt;Java Classes:&lt;/strong&gt;&lt;br&gt;
In Java, a class serves as a blueprint or a template for creating objects. It is a fundamental concept in object-oriented programming (OOP) and defines the structure and behavior that objects of that class will possess.&lt;/p&gt;

&lt;p&gt;A class is a template to create objects having similar properties and behavior, or in other words, we can say that a class is a blueprint for objects.&lt;br&gt;
&lt;strong&gt;Properties of Java Classes:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt; Class is not a real-world entity. It is just a template or blueprint, or a prototype from which objects are created.&lt;/li&gt;
&lt;li&gt;    A class itself does not occupy memory for its attributes and methods until an object is instantiated.&lt;/li&gt;
&lt;li&gt;    A Class in Java can contain Data members, methods, a Constructor, Nested classes, and interfaces.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Java Objects:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Objects are the instances of a class that are created to use the attributes and methods of a class. A typical Java program creates many objects, which as you know, interact by invoking methods. An object consists of:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;State: It is represented by attributes of an object. It also reflects the properties of an object.
Behavior: It is represented by the methods of an object. It also reflects the response of an object with other objects.
Identity: It gives a unique name to an object and enables one object to interact with other objects. 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Java Variables:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In Java, variables are containers used to store data in memory. Variables define how data is stored, accessed, and manipulated.&lt;/p&gt;

&lt;p&gt;A variable in Java has three components,&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Data Type: Defines the kind of data stored (e.g., int, String, float).
Variable Name: A unique identifier following Java naming rules.
Value: The actual data assigned to the variable.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Rules to Name Java Variables:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;    Start with a Letter, $, or _ – Variable names must begin with a letter (a–z, A–Z), dollar sign $, or underscore _.&lt;/li&gt;
&lt;li&gt;    No Keywords: Reserved Java keywords (e.g., int, class, if) cannot be used as variable names.&lt;/li&gt;
&lt;li&gt;    Case Sensitive: age and Age are treated as different variables.&lt;/li&gt;
&lt;li&gt;    Use Letters, Digits, $, or _ : After the first character, you can use letters, digits (0–9), $, or _.&lt;/li&gt;
&lt;li&gt;    Meaningful Names: Choose descriptive names that reflect the purpose of the variable (e.g., studentName instead of s).&lt;/li&gt;
&lt;li&gt;    No Spaces: Variable names cannot contain spaces.&lt;/li&gt;
&lt;li&gt;    Follow Naming Conventions: Typically, use camelCase for variable names in Java (e.g., totalMarks).&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>Java Data Types</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Tue, 14 Oct 2025 17:18:30 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-data-types-cij</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-data-types-cij</guid>
      <description>&lt;p&gt;Java is statically typed programming language which means variable types are known at the compile time.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;In Java, compiler knows exactly what types each variable holds and enforces correct usage during compilation. For example "int x = "GfG";" gives compiler error in Java as we are trying to store string in an integer type.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Data types in Java are of different sizes and values that can be stored in a variable that is made as per convenience and circumstances to handle different scenarios or data requirements. &lt;br&gt;
&lt;strong&gt;Java Data Type Categories:&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Primitive Data Type: These are the basic building blocks that store simple values directly in memory. Examples of primitive data types are boolean, char, byte, short, int, long, float and double.&lt;/p&gt;

&lt;p&gt;2.Non-Primitive Data Types (Object Types): These are reference types that store memory addresses of objects. Examples of Non-primitive data types are String, Array, Class, Interface and Object.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpb6dvqentogmwrex80ye.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpb6dvqentogmwrex80ye.webp" alt=" " width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Java Introduction</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Mon, 13 Oct 2025 17:06:17 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-introduction-hhm</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-introduction-hhm</guid>
      <description>&lt;p&gt;&lt;strong&gt;What is Java:&lt;/strong&gt;&lt;br&gt;
Java was introduced by James Gosling.Java is a high-level, object-oriented programming language developed by Sun Microsystems (now owned by Oracle) and released in 1995. It is known for its "write once, run anywhere" capability, meaning compiled Java code can run on any device or operating system that supports the Java Virtual Machine (JVM) without needing recompilation. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features of java:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Object-Oriented Programming (OOP): &lt;strong&gt;Java supports OOP concepts to create modular and reusable code.&lt;/strong&gt;&lt;br&gt;
   Platform Independence: &lt;strong&gt;Java programs can run on any operating system with a JVM.&lt;/strong&gt;&lt;br&gt;
    Robust and Secure:&lt;strong&gt;Java ensures reliability and security through strong memory management and exception handling.&lt;/strong&gt;&lt;br&gt;
    Multithreading and Concurrency:&lt;strong&gt;Java allows concurrent execution of multiple tasks for efficiency.&lt;/strong&gt;&lt;br&gt;
  Rich API and Standard Libraries: &lt;strong&gt;Java provides extensive built-in libraries for various programming needs.&lt;/strong&gt;&lt;br&gt;
   Frameworks for Enterprise and Web Development:&lt;strong&gt;Java supports frameworks that simplify enterprise and web application development.&lt;/strong&gt;&lt;br&gt;
   Open-Source Libraries:&lt;strong&gt;Java has a wide range of libraries to extend functionality and speed up development.&lt;/strong&gt;&lt;br&gt;
Maintainability and Scalability:&lt;strong&gt;Java’s structured design allows easy maintenance and growth of applications.&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Example:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;// A Java program to print Hello World!&lt;br&gt;
public class HelloWorld {&lt;br&gt;
    public static void main(String[] args) {&lt;br&gt;
        System.out.println("Hello World!");&lt;br&gt;
    }&lt;br&gt;
}&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk24hkg3x8x4nrk2nh1ow.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk24hkg3x8x4nrk2nh1ow.webp" alt=" " width="800" height="399"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to run the above code?&lt;/strong&gt;&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Write code in a file like HelloWorld.java.

The Java Compiler "javac" compiles it into bytecode "HelloWorld.class".

The JVM (Java Virtual Machine) reads the .class file and interprets the bytecode.

JVM converts bytecode to machine readable code i.e. "binary" (001001010) and then execute the program.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
    </item>
    <item>
      <title>Java Introduction</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Mon, 13 Oct 2025 17:00:28 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/java-introduction-518l</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/java-introduction-518l</guid>
      <description>&lt;p&gt;&lt;strong&gt;What is Java:&lt;/strong&gt;&lt;br&gt;
Java was introduced by James Gosling.Java is a high-level, object-oriented programming language developed by Sun Microsystems (now owned by Oracle) and released in 1995. It is known for its "write once, run anywhere" capability, meaning compiled Java code can run on any device or operating system that supports the Java Virtual Machine (JVM) without needing recompilation. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features of java:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;**Object-Oriented Programming (OOP): **Java supports OOP concepts to create modular and reusable code.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;** Platform Independence:** Java programs can run on any operating system with a JVM.&lt;br&gt;
    &lt;strong&gt;Robust and Secure:&lt;/strong&gt; Java ensures reliability and security through strong memory management and exception handling.&lt;br&gt;
   ** Multithreading and Concurrency:** Java allows concurrent execution of multiple tasks for efficiency.&lt;br&gt;
    &lt;strong&gt;Rich API and Standard Libraries:&lt;/strong&gt; Java provides extensive built-in libraries for various programming needs.&lt;br&gt;
   ** Frameworks for Enterprise and Web Development:** Java supports frameworks that simplify enterprise and web application development.&lt;br&gt;
    &lt;strong&gt;Open-Source Libraries:&lt;/strong&gt; Java has a wide range of libraries to extend functionality and speed up development.&lt;br&gt;
 **   Maintainability and Scalability:** Java’s structured design allows easy maintenance and growth of applications.&lt;br&gt;
&lt;strong&gt;Example:&lt;/strong&gt;&lt;br&gt;
&lt;code&gt;// A Java program to print Hello World!&lt;br&gt;
public class HelloWorld {&lt;br&gt;
    public static void main(String[] args) {&lt;br&gt;
        System.out.println("Hello World!");&lt;br&gt;
    }&lt;br&gt;
}&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk24hkg3x8x4nrk2nh1ow.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk24hkg3x8x4nrk2nh1ow.webp" alt=" " width="800" height="399"&gt;&lt;/a&gt;&lt;br&gt;
**&lt;br&gt;
How to run the above code?**&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Write code in a file like HelloWorld.java.
The Java Compiler "javac" compiles it into bytecode "HelloWorld.class".
The JVM (Java Virtual Machine) reads the .class file and interprets the bytecode.
JVM converts bytecode to machine readable code i.e. "binary" (001001010) and then execute the program.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>beginners</category>
      <category>java</category>
      <category>programming</category>
    </item>
    <item>
      <title>Understanding React JSX Expressions and Attributes</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Wed, 01 Oct 2025 17:50:14 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/understanding-react-jsx-expressions-and-attributes-3mml</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/understanding-react-jsx-expressions-and-attributes-3mml</guid>
      <description>&lt;p&gt;&lt;strong&gt;React JSX Expressions:&lt;/strong&gt;&lt;br&gt;
You can insert any valid JavaScript expression inside JSX by wrapping it in curly braces { }.&lt;/p&gt;

&lt;p&gt;React will evaluate the expression and render the result in the DOM.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function Car() {
  return (
    &amp;lt;&amp;gt;
      &amp;lt;h1&amp;gt;My car&amp;lt;/h1&amp;gt;
      &amp;lt;p&amp;gt;It has {218 * 1.36} horsepower&amp;lt;/p&amp;gt;
    &amp;lt;/&amp;gt;
  );
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;React JSX Attributes:&lt;/strong&gt;&lt;br&gt;
The class attribute is a much used attribute in HTML, but since JSX is rendered as JavaScript, and the class keyword is a reserved word in JavaScript, you are not allowed to use it in JSX.&lt;/p&gt;

&lt;p&gt;JSX solved this by using className instead. When JSX is rendered, it translates className attributes into class attributes.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function Car() {
  return (
    &amp;lt;h1 className="myclass"&amp;gt;Hello World&amp;lt;/h1&amp;gt;
  );
}


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>react</category>
    </item>
    <item>
      <title>Understanding React.js, JavaScript and JSX</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Thu, 11 Sep 2025 07:31:54 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/understanding-reactjs-javascript-and-jsx-3ec6</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/understanding-reactjs-javascript-and-jsx-3ec6</guid>
      <description>&lt;p&gt;&lt;strong&gt;React.js:&lt;/strong&gt;&lt;br&gt;
React is is a open source library developed by Facebook (meta).&lt;br&gt;
It is used for building user interface (UI), especially with single page Applications (SPA). React is a component based library, when UI is broken down into reusable building blocks. It is uses for virtual Dom like faster rendering and better performance.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Javascript:&lt;/strong&gt;&lt;br&gt;
 JavaScript is a programming language used for web development to add interactivity,logic and functionality.It works in browsers(Servers like Node.js).&lt;br&gt;
 Syntax. Pure Java Script follows by ECMAScript (E36+) Standards.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;JSX (JavaScript XML):&lt;/strong&gt;&lt;br&gt;
JSX is a syntax extension for JavaScript used with react compiled with Syntax HTML tags inside the JavaScript code. It works with HTML for JavaScript used tools for Babel in UI Structure in react.&lt;br&gt;
JSX allows us to write HTML elements in JavaScript and place them in the DOM without any createElement()  and/or appendChild() methods.&lt;br&gt;
JSX converts HTML tags into react elements.&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>react</category>
    </item>
    <item>
      <title>Installing React.js</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Fri, 05 Sep 2025 18:22:09 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/understanding-in-react-2fln</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/understanding-in-react-2fln</guid>
      <description>&lt;p&gt;&lt;strong&gt;NPM&lt;/strong&gt;&lt;br&gt;
The name npm (Node Package Manager) stems from when npm first was created as a package manager for Node.js.&lt;/p&gt;

&lt;p&gt;npm is the default package manager for Node.js, a JavaScript runtime environment. &lt;/p&gt;

&lt;p&gt;All npm packages are defined in files called package.json.&lt;/p&gt;

&lt;p&gt;The content of package.json must be written in JSON.&lt;/p&gt;

&lt;p&gt;At least two fields must be present in the definition file: name and version.&lt;br&gt;
{&lt;br&gt;
"name" : "foo",&lt;br&gt;
"version" : "1.2.3",&lt;br&gt;
"description" : "A package for fooing things",&lt;br&gt;
"main" : "foo.js",&lt;br&gt;
"keywords" : ["foo", "fool", "foolish"],&lt;br&gt;
"author" : "John Doe",&lt;br&gt;
"licence" : "ISC"&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;NPX&lt;/strong&gt;&lt;br&gt;
The npx stands for Node Package Execute and it comes with the npm, when you installed npm above 5.2.0 version then automatically npx will be installed.&lt;/p&gt;

&lt;p&gt;Npm is a tool that use to install packages.&lt;/p&gt;

&lt;p&gt;Npx is a tool that use to execute packages.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;CRA&lt;/strong&gt;&lt;br&gt;
Create React App aka CRA, is a javascript based command-line tool developed by Facebook and open source community to create a basic pre-configured starter boilerplate for a react application from where one can start development.&lt;/p&gt;

&lt;p&gt;npx create-react-app my-app &lt;br&gt;
cd my-app &lt;br&gt;
npm start&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Vite&lt;/strong&gt;&lt;br&gt;
Vite is a modern build tool designed for speed and efficiency, particularly when working with JavaScript frameworks like React. Developed by Evan You, the creator of Vue.js, Vite stands out due to its ability to deliver a fast and streamlined development experience.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Instant Server Start:&lt;/strong&gt; The Vite development server skips bundling during development, resulting in near-instant startup.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Fast Hot Module Replacement (HMR):&lt;/strong&gt; See real-time updates to your React components, speeding up iteration.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Optimized Production Builds:&lt;/strong&gt; Vite uses Rollup to create efficient production bundles with features like code splitting.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Support for Modern Tools:&lt;/strong&gt; Vite works seamlessly with TypeScript, JSX, and CSS preprocessors like Sass.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Closure, Fetch() and Axios in JavaScript</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Fri, 05 Sep 2025 17:58:05 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/closure-fetch-and-axios-in-javascript-5f8g</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/closure-fetch-and-axios-in-javascript-5f8g</guid>
      <description>&lt;p&gt;&lt;strong&gt;Closure&lt;/strong&gt;&lt;br&gt;
The closure occurs when an inner function has access to variables in its outer function (outer scope), even when the outer function has finished executing.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function account (amount){
        let balance= amount;
        function withdraw(amt){
            balance= balance-amt;
            console.log(balance);

        }
           return withdraw;
       }
       const withdraw1=account(1000);
             withdraw1(100);
        const withdraw2=account(500);
            withdraw1(50);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Output&lt;/strong&gt;&lt;br&gt;
900&lt;br&gt;
450&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Fetch()&lt;/strong&gt;&lt;br&gt;
Fetch() returns a promise that resolves to a response object.&lt;br&gt;
&lt;strong&gt;Url:&lt;/strong&gt; The API endpoint from which data is fetched.&lt;br&gt;
&lt;strong&gt;.response.json():&lt;/strong&gt; Parases the response as JSON.&lt;br&gt;
&lt;strong&gt;.catch(error):&lt;/strong&gt; Handles any errors that occur during the request.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; fetch("https://fakestoreapi.com/products")
      .then((res)=&amp;gt;{
       return res.json();
      })
      .then((json)=&amp;gt;{
        console.log(json);
      })
      .catch((err)=&amp;gt;{
        console.log(err);
      })
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Axios&lt;/strong&gt;&lt;br&gt;
   Axios is a open source javascript library use to make an HTTP request from web browsers. Automatically parses JSON(no need for response.json()).&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; axios.get("https://fakestoreapi.com/products")
      .then((json)=&amp;gt;{
        console.log(json);
      })
      .catch((err)=&amp;gt;{
        console.log(err);
      })
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
    </item>
    <item>
      <title>Synchronization and Asynchronization in JavaScript</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Fri, 05 Sep 2025 17:35:11 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/synchronization-and-asynchronization-in-javascript-3di2</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/synchronization-and-asynchronization-in-javascript-3di2</guid>
      <description>&lt;p&gt;&lt;strong&gt;Synchronization&lt;/strong&gt;&lt;br&gt;
Synchronization means tasks are executed one after another in sequence, where each task must finish before the next one starts.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Console.log("Task 1");
Console.log("Task 2");
Console.log("Task 3");

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Output&lt;/strong&gt;&lt;br&gt;
Task 1&lt;br&gt;
Task 2&lt;br&gt;
Task 3&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Asynchronization&lt;/strong&gt;&lt;br&gt;
Asynchronization do not wait for others to complete. some operations like timers, API calls,file reading run in the background and javascript moves on the next task. All functions are not asynchronization.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Console.log("Task 1");
SetTimeout(()=&amp;gt;{
Console.log("Task 2(after 2 seconds)");
},2000;
Console.log("Task 3");

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Output&lt;/strong&gt;&lt;br&gt;
Task 1&lt;br&gt;
Task 3&lt;br&gt;
Task 2 (after 2 seconds)&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Promise in JavaScript</title>
      <dc:creator>Dev Ananth Arul</dc:creator>
      <pubDate>Tue, 02 Sep 2025 18:30:51 +0000</pubDate>
      <link>https://forem.com/dev_anantharul_1746a25af/promise-in-javascript-4a8</link>
      <guid>https://forem.com/dev_anantharul_1746a25af/promise-in-javascript-4a8</guid>
      <description>&lt;p&gt;&lt;strong&gt;Promise:&lt;/strong&gt;&lt;br&gt;
A JavaScript Promise is an object representing the eventual completion (or failure) of an asynchronous operation and its resulting value. It allows for handling asynchronous tasks in a more structured and readable way compared to traditional callback-based approaches, especially when dealing with multiple sequential asynchronous operations (callback hell). &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Promise creation&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;resolve() → tells that the task was successful.&lt;/p&gt;

&lt;p&gt;reject() → tells that the task failed.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Promise consumption&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;.then() → runs when resolved (success).&lt;/p&gt;

&lt;p&gt;.catch() → runs when rejected (error).&lt;/p&gt;

&lt;p&gt;.finally() → always runs at the end (success or failure)&lt;/p&gt;

&lt;p&gt;Example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;script&amp;gt;

        function task(step, result) {
            return new Promise((resolve, reject) =&amp;gt; {
                setTimeout(() =&amp;gt; {
                    console.log(step);
                    if (result) {
                        reject();
                    }
                    else {
                        resolve();
                    }
                }, 1000);
            })
        }
        task("Analysis")
            .then(() =&amp;gt; task("plan"))
            .then(() =&amp;gt; task("Design"))
            .then(() =&amp;gt; task("Development"))
            .then(() =&amp;gt; task("Testing", true))
            .then(() =&amp;gt; task("Deployment"))
            .catch(() =&amp;gt; console.log("Testing failed"))
            .finally(() =&amp;gt; console.log("hello"))
    &amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
    </item>
  </channel>
</rss>
