xplodivity
xplodivity
  • Видео 163
  • Просмотров 423 215
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...
Просмотров: 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)

Комментарии

  • @aakashsrivastava5557
    @aakashsrivastava5557 День назад

    Awesome content man...

  • @aakashsrivastava5557
    @aakashsrivastava5557 2 дня назад

    You content is too good. Keep bringing such content :)

  • @059_sivareddy3
    @059_sivareddy3 4 дня назад

    Thanks. A very helpful video😊😊

  • @AasilGhoury
    @AasilGhoury 7 дней назад

    100% PERFECT

  • @loneWolff1995
    @loneWolff1995 7 дней назад

    Are bhai questions dalte rho bhai…..

  • @AasilGhoury
    @AasilGhoury 7 дней назад

    great bro

  • @ashu6412
    @ashu6412 10 дней назад

    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?

  • @Undecimal
    @Undecimal 10 дней назад

    The absolute best video to learn writing recursive code, amazing!

  • @aigen6560
    @aigen6560 12 дней назад

    Okay but how do you update that

  • @niharikadayama2549
    @niharikadayama2549 13 дней назад

    Amazing video

  • @user-of9kx1yx7f
    @user-of9kx1yx7f 13 дней назад

    i tried so many but urs explanation is best❣

  • @pzagorski
    @pzagorski 16 дней назад

    Great explanation

  • @user-eq9zo5vj7c
    @user-eq9zo5vj7c 16 дней назад

    Good stuff! Keep them coming.

  • @vishalvarma3014
    @vishalvarma3014 17 дней назад

    Please make video on intersection observer in depth if possible.

  • @pauloluguenda8397
    @pauloluguenda8397 18 дней назад

    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.

  • @Userkazt
    @Userkazt 19 дней назад

    how you can target ul?

  • @utibeokodi4997
    @utibeokodi4997 19 дней назад

    Great article, an improvement would be breaking down the project into more components to adhere to SRP

  • @eternalphantom780
    @eternalphantom780 22 дня назад

    Big fan sir, keep inspiring.

  • @krishankumar-rr4qn
    @krishankumar-rr4qn 23 дня назад

    First time i understood properly even after watching many videos. Thanks for this video

  • @skkylimits
    @skkylimits 25 дней назад

    Hero 🫡

  • @user-vu5jj8ki9t
    @user-vu5jj8ki9t 25 дней назад

    it's sad to see such a great yt channel with so less subs. a true diamond in the rough. love your work.

  • @akir2v568
    @akir2v568 Месяц назад

    thank you GOAT

  • @soumyapriyadarshi3833
    @soumyapriyadarshi3833 Месяц назад

    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

  • @sagarkumargupta3071
    @sagarkumargupta3071 Месяц назад

    nice video

  • @rayyanabdulwajid7681
    @rayyanabdulwajid7681 Месяц назад

    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.

  • @varanasi47
    @varanasi47 Месяц назад

    is it in pure JS only or React ?

  • @RavindraSingh-zg9eq
    @RavindraSingh-zg9eq Месяц назад

    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; }

  • @oluwatoyinj8991
    @oluwatoyinj8991 Месяц назад

    This came in handy for me today. Thank you🙏🙏

  • @kalyanimamidi530
    @kalyanimamidi530 Месяц назад

    It is very useful it clarified my doubt

  • @kashmirtechtv2948
    @kashmirtechtv2948 Месяц назад

    Great

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl Месяц назад

    Superb video man...very knowleadeable. Please make more such machine coding React series.

  • @MedMed-zw5ef
    @MedMed-zw5ef Месяц назад

    Fantastic and instructive video, i have been struggling with understanding the update logic of nested objects. 👌 👌

  • @namansharma8346
    @namansharma8346 Месяц назад

    can i mention it in resume

  • @Cazado20C
    @Cazado20C Месяц назад

    Thanks for this video. Muchas gracias.

  • @arashi_no18
    @arashi_no18 Месяц назад

    Can you also help to interact with each countries

  • @duraibytes8301
    @duraibytes8301 Месяц назад

    Need detailed video for use transition and memo

  • @kitsomogale4945
    @kitsomogale4945 Месяц назад

    best explanation on this topic so far.

  • @MarlonEnglemam
    @MarlonEnglemam Месяц назад

    Thanks for this video, it helped me a lot.

  • @mohsinking2002
    @mohsinking2002 Месяц назад

    thank you very much bro, concise, and brief solution.

  • @chamring0903
    @chamring0903 2 месяца назад

    Is there a way where i can see rflow live ?

  • @hyperpocket.
    @hyperpocket. 2 месяца назад

    How do I automatically close the menu and submenu when opening another menu and submenu?

  • @PRANAVMAPPOLI
    @PRANAVMAPPOLI 2 месяца назад

    Nice

  • @manojhk7469
    @manojhk7469 2 месяца назад

    please make bit zoom of vs code

  • @RajkumarSTJ
    @RajkumarSTJ 2 месяца назад

    Awesome video bro!. Need useCallback & useMemo videos 😛

  • @mnageh-bo1mm
    @mnageh-bo1mm 2 месяца назад

    good video overall but it could been better, also the firefox one is better

  • @RavinderSingh-ew2sl
    @RavinderSingh-ew2sl 2 месяца назад

    Great Video

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh 2 месяца назад

    Amazing video! suggestion make videoa a bit slower paced

  • @mutasimahmed8975
    @mutasimahmed8975 2 месяца назад

    sorry meant that comment as suggestion

  • @Trendi_Vibes
    @Trendi_Vibes 2 месяца назад

    That's really amazed 😮🎉

  • @milindkhadse556
    @milindkhadse556 2 месяца назад

    Helpful information thank you