Nishchaya Narula

🚀 Frontend Developer | ReactJS ⚛️ | JavaScript 🟨

[Nishchaya Narula @n_narula]

🔧 EMI Calculator :

🧩 Modular structure with reusable components.
🔄 Dynamically adjusts down payment and loan amounts.
📊 Validates interest rates and processing fees (max 100%).

💻Check out: https://t.co/Ave3n4NSKk

#HTML #CSS #javascript #Reactjs #Webdev #FrontendDeveloper

[Nishchaya Narula @n_narula]

Fixed vs. Sticky #css

[Nishchaya Narula @n_narula]

🔄 Type Coercion vs. Type Conversion #javascript

Type Coercion:
Automatic type conversion by JavaScript.

Type Conversion:
Explicitly converting types.

#Reactjs #Webdev #FrontendDeveloper

[Nishchaya Narula @n_narula]

✨ Key role of "React-DOM"!

🔹 React: Library for building UIs.
🔹 Browser: Runs web pages.
🔹 React-DOM: Bridges React & browser DOM, enabling React components to render in the browser.

#React #Javascript

[Nishchaya Narula @n_narula]

@muhimasri Its really good, keep sharing!

[Nishchaya Narula @n_narula]

🚀 Interview Question:

#HTML #CSS #javascript #Reactjs #Coding #Connect #webdev

[Nishchaya Narula @n_narula]

🚀First-class functions:

🔹 Functions can be assigned to variables
🔹 Functions can be passed as arguments to other functions
🔹 Functions can be returned as values from other functions
🔹 Functions can be assigned as values to variables

#HTML #CSS #javascript #Reactjs #Coding

[Nishchaya Narula @n_narula]

Semantic vs Non-Semantic HTML Elements:

📄Semantic : Adds meaning and structure
(e.g., `<header>`, `<section>`, `<footer>`)

📦Non-Semantic : Generic containers
(e.g., `<div>`, `<span>`)

Choose semantic for clearer code and better SEO! 🌐✨ #HTML #WebDev #Javascript #React

[Nishchaya Narula @n_narula]

🌐 'Route-based code splitting':

- Dynamically loads code for current views
- Improves performance by reducing initial load times
- Uses react-router-dom for efficient routing
- Loads specific code per route navigation

#Connect #JavaScript #ReactJS #Coding #frontend #webdev

[Nishchaya Narula @n_narula]

🚨 Temporal Dead Zone (TDZ) in JavaScript:

- Occurs when trying to access a `let` or `const` variable before it's declared

- Results in a `ReferenceError` due to variable being in scope but not yet initialized

#connect #JavaScript #reactjs #Coding #WebDevelopment #Programming

[Nishchaya Narula @n_narula]

🔍 Prop drilling ?

- Pass data from parent ➡️ deeply nested child via props
- Intermediary components pass props, even unused

Eg. "Data Passes From"
1️⃣ App ➡️ Parent
2️⃣ Parent ➡️ Child
3️⃣ Child ➡️ Grandchild

✨Solution: Use Context API or Redux

#HTML #CSS #javascript #Reactjs

[Nishchaya Narula @n_narula]

@muhimasri Useful tip

[Nishchaya Narula @n_narula]

Hi! 👋 I'm looking to #Connect with people who are interested in:

➡️ FrontEnd
➡️ Web Development
➡️ Javascript
➡️ React
➡️ Open Source

Let's connect and collaborate! 🌐💻 #WebDev #Frontend #React #JavaScript #coding #Internship #OpenSource

[Nishchaya Narula @n_narula]

@navneet_na744 @Nischay done bro

[Nishchaya Narula @n_narula]

🔧 EMI Calculator :

🧩 Modular structure with reusable components.
🔄 Dynamically adjusts down payment and loan amounts.
📊 Validates interest rates and processing fees (max 100%).

💻Check out: https://t.co/Ave3n4NSKk

#HTML #CSS #javascript #Reactjs #Webdev #FrontendDeveloper

[Nishchaya Narula @n_narula]

@muhimasri Thanks for Sharing this, It really helped me.

[Nishchaya Narula @n_narula]

@HimanshuJha77 Well Done

[Nishchaya Narula @n_narula]

|| (OR) vs ?? (Nullish Coalescing) #JavaScript:

|| ➡️
Returns the first truthy values for (e.g., false, 0️⃣, "", null, undefined).

?? ➡️
Returns the first defined value for (only null and undefined).

#HTML #CSS #javascript #ReactjsDeveloper #FrontendDeveloper

[Nishchaya Narula @n_narula]

🚀 Pagination component #React

- Effortlessly handles large datasets
- Uses dummy data from `https://t.co/e845mWN7je`
- Quickly switch to any page with ease

💻Check out : https://t.co/kmfqFdqsPg

#HTML #CSS #javascript #ReactjsDeveloper #FrontendDeveloper

[Nishchaya Narula @n_narula]

🌟 File Explorer Component: #React

🔹Built with initial dummy data 🛠️
🔹 Add, edit, delete files/folders 🖊️🗑️📁📄
🔹Recursive folder structure 🔄

🚧 Work in progress!
🌱 Suggestions welcome!

#js #javascript #ReactjsDeveloper #FrontendDeveloper #development #coding

[Nishchaya Narula @n_narula]

🔹 Functional Component in #React:
- A JavaScript function that returns JSX.

#javascript #ReactjsDeveloper #FrontendDeveloper

🔹 Example: