event loop

Author: mrinaljain

E/event-loop/README.md

@@ -29,3 +29,37 @@ Macrotask
 settimeout , click etc
 
 Mutation Observer
+
+
+## Priorty
+
+# JavaScript Execution Priority Order
+
+## 1️⃣ Call Stack (Synchronous Code) - **Highest Priority**
+- Executes **immediately** in order.
+- Examples:
+  - `console.log("Hi")`
+  - Variable declarations
+  - Function executions
+
+## 2️⃣ Micro-task Queue (Higher Priority than Macro-task)
+- **Promises (`.then()`, `.catch()`, `.finally()`)**
+- **Async/Await (`await` resumes here)**
+- **MutationObserver (rarely used)**
+- These tasks execute **immediately after synchronous code finishes**.
+- Examples:
+  ```js
+  Promise.resolve().then(() => console.log("Microtask"));
+
+## 3️⃣ Macro-tasks (setTimeout, setInterval, setImmediate, I/O)
+- setTimeout, setInterval, setImmediate (Node.js)
+- I/O tasks (like reading files in Node.js)
+- UI rendering tasks (in browsers)
+- Runs after all micro-tasks are completed.
+
+## 4️⃣ Render tasks (UI updates, reflows, repaints)
+UI updates, painting, and rendering.
+Executed after Micro-tasks and Macro-tasks.
+Examples:
+DOM updates after JavaScript execution
+CSS animations, reflows, repaints

P/promises/README.md

@@ -20,6 +20,13 @@ p.then((data)=>{
    console.log(err.message);
 });
 ```
+Yes, you can write .then() after .finally() in a Promise chain. However, it's important to understand how .finally() works:
+## Finally ()
+Key Rules:
+.finally() does not modify the resolved value—it just executes and passes the previous value unchanged.
+If .finally() returns a value, it is ignored.
+If .finally() throws an error, the next .then() will not run, but the next .catch() will handle the error.
+
 
 ## How Promises and Timers Work
 ### Promise Creation: 

README.md

@@ -47,6 +47,7 @@ Below is an overview of the JavaScript topics included in each folder:
 
 ## TODO
 - indexedDB
+- priorty of Execution in eventloop
 
 ## How to Use
 

links.md

@@ -0,0 +1,3 @@
+# Important Links
+
+- [Practice Javascript Logic](http://teachertrek.in/#/js-logic-building)