- Видео 163
- Просмотров 423 215
xplodivity
Индия
Добавлен 17 фев 2022
Exploding creativity
Build The Perfect Navbar for Your Website (React Js)
00:00 - Demo
00:38 - HTML layout
01:33 - Styling
02-27 - Adding the logic
05:11 - Final Review + End
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds
Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885
Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html
What you'll get:
- Lifetime access
- Full video explanations of building each project from scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised)
- Practical tips and s...
00:38 - HTML layout
01:33 - Styling
02-27 - Adding the logic
05:11 - Final Review + End
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds
Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885
Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html
What you'll get:
- Lifetime access
- Full video explanations of building each project from scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised)
- Practical tips and s...
Просмотров: 143
Видео
Learn Video Streaming in depth (System design)
Просмотров 3922 месяца назад
00:00 - What is video streaming & why you need it 07:30 - How video streaming works in depth Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get: - Lifetime access - Full video explana...
Implement this amazing CountBy function in JavaScript (Problem solving)
Просмотров 2573 месяца назад
Learn how to implement a CountBy function in JavaScript. Resource- www.greatfrontend.com/questions/javascript/count-by Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get: - Lifetime a...
Convert Array to an Object in one line using JavaScript
Просмотров 3193 месяца назад
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expl...
The most popular CSS interview question (Holy grail layout)
Просмотров 9274 месяца назад
This question is frequently asked during frontend interviews. Learn how to implement the holy grail layout in CSS. Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get: - Lifetime acces...
Build a Multi Level dropdown with Infinite nesting in React js
Просмотров 3,2 тыс.4 месяца назад
Learn how to build a Multi-Level dropdown with Infinite nesting in React js. Github code- github.com/xplodivity/Multi-Level-dropdown Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get...
The Web3 Job market Crisis
Просмотров 1704 месяца назад
Web3 has declined as of 2024. Let's explore why. Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/видео.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch ...
Build an Optimized Ecommerce Cart using React Js (With all features & advanced design patterns)
Просмотров 5364 месяца назад
In this video, I demonstrate how to build an e-commerce cart and product list page using react js. Github code - github.com/xplodivity/Ecom-cart/tree/main Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- ruclips.net/video/coZucJEvsSk/виде...
Implement a cycling function (JavaScript interview question) | Intuition + Code + Dry run
Просмотров 4404 месяца назад
Question- Implement a function that takes one or more values and returns a function that cycles through those values each time it is called. Question link- www.greatfrontend.com/questions/javascript/cycle Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project f...
Build this INSANE data table in React JS (With CRUD, Search Filter & Pagination)
Просмотров 2,7 тыс.4 месяца назад
Build an advanced data table in React JS from scratch with CRUD, Search Filter, and pagination functionality. Note- You can clean the code up by placing the pagination section in a different component. The main purpose of this video was to implement and help you understand all the advanced concepts from scratch, that's all. Github code - github.com/xplodivity/Advanced-Data-table-using-react-js ...
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds (Course Preview)
Просмотров 11 тыс.5 месяцев назад
16 Intermediate/Advanced JavaScript Projects to Dominate Your Next Technical Interview Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step explanations and code walkthroughs - No bullshit, No time waste - This project list ...
Our generation might be the first to live longer (AI, Neural Maps, and the Future of Consciousness)
Просмотров 6045 месяцев назад
Unlock the secrets of potential immortality through mind uploading-transferring your consciousness to a digital realm. Explore the intricate process involving AI, neural mapping, NPUs, and quantum computing. Learn how crafting a digital twin, free from biological glitches, holds the key to extending life. 🧠🔗✨ #artificialintelligence #ai #immortality
How ChatGPT is going to transform Journalism with AI
Просмотров 1085 месяцев назад
Axel Springer, a global media and tech giant, collaborates with OpenAI to merge news and AI, boosting ChatGPT with real-time updates from major sources like POLITICO and BUSINESS INSIDER. This partnership fosters AI-driven journalism, delivering quick, transparent news summaries with links to full articles. The alliance aims to strengthen journalism, create revenue streams, and cultivate qualit...
Supercomputer That Mimics Your Brain with 228 TRILLION links Per Second | DeepSouth (2024)
Просмотров 6305 месяцев назад
Discover the revolutionary DeepSouth, Australia's brainy creation set to launch in April 2024. Operating at a mind-boggling 228 trillion actions per second, it employs neuromorphic engineering, mimicking our brain's efficiency. Consuming minimal power, this compact marvel promises to transform industries, enhancing devices, medicine, robotics, and more. Get ready for a game-changing leap in tec...
The Internet is getting weirder
Просмотров 5455 месяцев назад
Explore How AI Might Shape a False Online Future. #artificialintelligence #ai Topics covered: - Role of Artificial Intelligence in Creating a Deceptive Online Future - The Threat of AI-Generated Fake Content in the Online Sphere - How to lessen the threat of AI-generated fake content
The Dark truth about Auth Providers you aren't aware of
Просмотров 3655 месяцев назад
The Dark truth about Auth Providers you aren't aware of
This AI intends to reveal the secrets of the universe
Просмотров 5035 месяцев назад
This AI intends to reveal the secrets of the universe
4 Effective ways to cache Node Js api's for high performance
Просмотров 2635 месяцев назад
4 Effective ways to cache Node Js api's for high performance
This is why react server components are so good...
Просмотров 1706 месяцев назад
This is why react server components are so good...
Closures in JavaScript can cause memory leaks (Do this instead)
Просмотров 4666 месяцев назад
Closures in JavaScript can cause memory leaks (Do this instead)
Your JavaScript App Is Leaking Memory And You Don't Know
Просмотров 5626 месяцев назад
Your JavaScript App Is Leaking Memory And You Don't Know
What is transpiling in JavaScript? (ECMAScript, babel & more)
Просмотров 7986 месяцев назад
What is transpiling in JavaScript? (ECMAScript, babel & more)
The Correct way to Manage Form State in react js | Controlled & Uncontrolled Components (Which One?)
Просмотров 3866 месяцев назад
The Correct way to Manage Form State in react js | Controlled & Uncontrolled Components (Which One?)
How to Execute many async API calls in parallel (Pure JavaScript)
Просмотров 1,3 тыс.7 месяцев назад
How to Execute many async API calls in parallel (Pure JavaScript)
Why everyone's struggling to get a web dev job now
Просмотров 4557 месяцев назад
Why everyone's struggling to get a web dev job now
20 Frontend Engineering Skills YOU MUST KNOW in 2024
Просмотров 9687 месяцев назад
20 Frontend Engineering Skills YOU MUST KNOW in 2024
Here's a Good way to UPSKILL at Vanilla JavaScript...
Просмотров 3887 месяцев назад
Here's a Good way to UPSKILL at Vanilla JavaScript...
This might be the Ideal UI library for React & Next.js
Просмотров 2,6 тыс.7 месяцев назад
This might be the Ideal UI library for React & Next.js
How to correctly update a normal/nested object state in react js
Просмотров 1,3 тыс.7 месяцев назад
How to correctly update a normal/nested object state in react js
How to prevent Infinite Loops in useEffect Hook (React & Next Js)
Просмотров 1,4 тыс.7 месяцев назад
How to prevent Infinite Loops in useEffect Hook (React & Next Js)
Awesome content man...
You content is too good. Keep bringing such content :)
Thanks. A very helpful video😊😊
100% PERFECT
Are bhai questions dalte rho bhai…..
great bro
is it okay to say that except ADD TODO everything runs only on the server just for example in RSC all the components are rendered on the server initially and only the components that require some database query are again rendered on the server. So SSR is not only happening for the initial render. Am I right?
The absolute best video to learn writing recursive code, amazing!
Okay but how do you update that
Amazing video
i tried so many but urs explanation is best❣
Great explanation
Good stuff! Keep them coming.
Please make video on intersection observer in depth if possible.
Amazing video, very helpfull. I want to step up as junior react developer and increase the performance of an app is what I needed. Now I'll study one topic by one. Thank you very much.
how you can target ul?
Great article, an improvement would be breaking down the project into more components to adhere to SRP
Big fan sir, keep inspiring.
First time i understood properly even after watching many videos. Thanks for this video
Hero 🫡
it's sad to see such a great yt channel with so less subs. a true diamond in the rough. love your work.
thank you GOAT
Hey. I feel this code has some issue. It will not work for below input. list = [1, 2, [3, [4, 5, [6, 7, 8]]], [6, 7], 8]; list.myFlat(1); // [ 1, 2, 3, [ 4, 5, [ 6, 7, 8 ] ], [ 6, 7 ], 8 ] list.flat(1); // [ 1, 2, 3, [ 4, 5, [ 6, 7, 8 ] ], 6, 7, 8 ] Check the difference in output
nice video
Don't you think this recursive approach is very inefficient compared to a simple approach. Refer to Nested comments section article by geeks for geeks as they have not used recursion. It is simpler to understand and involves lesser computation as well.
is it in pure JS only or React ?
really helpful and nice way to do this .import React, { useState, useEffect } from 'react'; import './style.css'; export default function App() { const [currLight, setCurrLight] = useState('green'); const trafficState = { red: { duration: 4000, backgroundColor: 'red', next: 'yellow', }, yellow: { duration: 500, backgroundColor: 'yellow', next: 'green', }, green: { duration: 3000, backgroundColor: 'green', next: 'red', }, }; useEffect(()=>{ let timer=setTimeout(()=>setCurrLight(trafficState[currLight].next),trafficState[currLight].duration) return ()=>clearTimeout(timer) },[currLight]) return ( <div className="container"> {Object.keys(trafficState).map((color,ind) => ( <div key={ind} className="box" style={{ backgroundColor: currLight == color ? trafficState[color].backgroundColor : 'gray', }} ></div> ))} </div> ); } //style.css .container { border: 1px solid black; width: 130px; } .box { height: 100px; width: 100px; border: 1px solid black; border-radius: 50%; margin: 10px; background-color: gray; }
This came in handy for me today. Thank you🙏🙏
It is very useful it clarified my doubt
Great
Superb video man...very knowleadeable. Please make more such machine coding React series.
Fantastic and instructive video, i have been struggling with understanding the update logic of nested objects. 👌 👌
can i mention it in resume
Thanks for this video. Muchas gracias.
Can you also help to interact with each countries
Need detailed video for use transition and memo
best explanation on this topic so far.
Thanks for this video, it helped me a lot.
thank you very much bro, concise, and brief solution.
Is there a way where i can see rflow live ?
How do I automatically close the menu and submenu when opening another menu and submenu?
Nice
please make bit zoom of vs code
Awesome video bro!. Need useCallback & useMemo videos 😛
good video overall but it could been better, also the firefox one is better
Great Video
Amazing video! suggestion make videoa a bit slower paced
sorry meant that comment as suggestion
That's really amazed 😮🎉
Helpful information thank you