Hello everyone back with a new post. This post is in continuation with the previous post where online and offline features were addressed. Now in this post, I have created a toggle switch to jump between dark and light themes. This was achieved in react with the help of useContext hook. #webdeveloper #reactdeveloper #usecontexthook #javascript #todos
More Relevant Posts
-
Day 79 / 365 👨💻 Explored how React works with Vite. ⚙️ Understood how @vitejs/plugin-react works ⚡ Learned role of esbuild for fast JSX transform 🔁 Saw how Babel is used mainly for Fast Refresh #365DaysOfCode #React #JavaScript
To view or add a comment, sign in
-
Today I learned about Lists & Keys in React. Lists allow us to render multiple items dynamically using methods like map(). For example: We can display a list of users, products, or tasks easily. Keys are used to uniquely identify each item in a list. This helps React efficiently update only the changed elements instead of re-rendering everything. Using unique keys improves performance and avoids bugs. Up Next: Forms in React 👀 React Series – Day 8 🚀 #ReactJS #LearningInPublic #WebDevelopment #FrontendDeveloper #JavaScript #100DaysOfCode
To view or add a comment, sign in
-
-
Got a minute for some JavaScript? 📏 What do you know about the length property of functions? Answers 🔍 >>> 3 1 1 You can remember it this way: The length property of a function equals the number of parameters before the first parameter with a default value. #javascript #webdevelopment
To view or add a comment, sign in
-
-
Many beginners think querySelector() in JavaScript and useRef() in React do the same thing. But React uses a Virtual DOM, so direct DOM manipulation can break React’s flow. That’s why useRef() gives controlled access to the DOM while keeping React’s architecture intact. Learning something new every day in my React journey. 🚀 #ReactJS #JavaScript #WebDevelopment #FullStackDevelopment
To view or add a comment, sign in
-
-
One of the Best YouTube Videos on JavaScript Event Loop 🧑💻 The JavaScript Event Loop is one of the most important concepts to understand if you want to know how JavaScript handles asynchronous operations. I recently watched this video by Lydia Hallie and honestly, it’s one of the best explanations of the Event Loop on YouTube. She explains concepts like Call Stack, Web APIs, Task Queue and Microtask Queue in a very clear and visual way. If you want to understand how the Event Loop works, just watch this video once. Video: https://lnkd.in/gbg5PXQF #eventloop #javascript #webdevelopment #softwaredevelopment #learninpublic
To view or add a comment, sign in
-
-
There's Something i figured in JavaScript today that A.I code misinterprets. A.I sometimes can cobtaminate your code instead of building it. i would like to share that Tommorrow, want to know what i discovered?❓️❔️ lets connect Snow Works and stay tuned #javascript #snowworks #developer #linked
To view or add a comment, sign in
-
🚀 Day 29 - 💡 JavaScript Tricky Question Explanation let a = [1,2,3]; delete a[1]; console.log(a); console.log(a.length); 👉 Output: ``` [1, empty, 3] 3 ``` 👉 Explanation: * `delete` removes the value but does NOT reindex the array * It creates a hole (empty slot) instead of shifting elements * So, `length` remains 3 ⚠️ Use `splice()` if you want to remove and shift elements #JavaScript #WebDevelopment #Frontend #CodingInterview #JSConcepts
To view or add a comment, sign in
-
Javascript challenge! let a = 10; let b = 20; [a, b] = [b, a]; console.log(a, b); Drop your answer in the comments #JavaScript #CodingChallenge #WebDevelopment #FrontendDeveloper #LearnToCode
To view or add a comment, sign in
-
🚀 Day 23 - Poll answer & Explanation 💡 **JavaScript Event Loop Explained (Simple & Clear)** ```javascript console.log('S'); Promise.resolve().then(() => console.log('P1')); setTimeout(() => console.log('T1'), 0); Promise.resolve().then(() => console.log('P2')); setTimeout(() => console.log('T2'), 0); console.log('E'); Output: S E P1 P2 T1 T2 ``` 🔹 **Explanation:** * `S` and `E` run first → synchronous code (call stack) * `P1`, `P2` → microtasks (Promises) → run next * `T1`, `T2` → macrotasks (setTimeout) → run last 👉 Microtasks always execute before macrotasks in the event loop. #JavaScript #ReactJS #WebDevelopment #Coding #FrontendDeveloper #InterviewPrep
To view or add a comment, sign in
-
ESLint + Prettier or Biome — which should you use for your JS/TS project? Both have their place. The answer depends on what you need. Check the image for the full breakdown 👇 #Frontend #Biome #ESLint #JavaScript #TypeScript #WebDev #DeveloperExperience
To view or add a comment, sign in
-
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development