Frontend with Aman
Frontend with Aman
  • 19
  • 32 512
React Js Editable Todo | Frontend Interview Questions | React Interview Questions
Let's build Editable Todo. understand useCallback and memo.
editable todo
usecallback
memo reactjs
usecallback react hooks
react usecallback
usecallback
what is usecallback function react js in hindi
what is usecallback hook in react
when to use and not use usecallback
react editable todo list
react todo list
react rendering
react code optimization
how to optimize a react app
react interview questions
react performance optimization
react web app optimization
update todo
update todo
frontend interview experience
react crud app
Переглядів: 254

Відео

React Js Tab | Frontend Interview Questions | React Interview Questions
Переглядів 1,7 тис.7 годин тому
Let's build tabs in react js. Reusable component. react js tab tab react js multiple react js tabs react js tabs "horizontal" row tabs in react js react js learn react js learn react js how to create react project as beginer react js tutorial javascript interview react interview javascript interview questions javascript tutorial javascript for beginners frontend interview frontend interview que...
React Virtualized List | React Js Interview Questions | Frontend Machine Coding Interview Experience
Переглядів 1,7 тис.12 годин тому
Let's Build Virtualized List in react js. React Js Interview Questions. Frequently asked interview questions. virtualized list react react virtualized list react native virtualized list too much to update react virtualized list from scratch react js virtualized list react javascript virtualized list frontend system design virtualized list react javascript virtualized list virtualized list virtu...
React Stepper | React Interview Questions | Machine Coding Round
Переглядів 1,7 тис.14 годин тому
Let's create stepper in react js. react stepper component stepper component stepper component in react react js stepper form component react stepper react stepper form react js stepper multi step form multi form in react js how to create a stepper form in react js how to create multi stepper form in react js stepper react react js stepper form component stepper form react react hook form steppe...
React Todo App | React Interview Questions | Machine Coding Round
Переглядів 55819 годин тому
Let's do todo list in react js. we will learn CRUD in React js. todo list in react js react interview questions react todo app todo list in react js todo list in react js with understanding how to make todo list wth local storage in react js todo app react to do list react project tutorial react todo app how to create todo app in react todo app todo app hindi todo list in react js hindi react i...
React Autocomplete | React Interview Questions | Machine Coding Round
Переглядів 1,4 тис.14 днів тому
React Autocomplete with debouncing, abort controller and caching. Frequently asked react interview questions react autocomplete react js autocomplete react interview questions react typeahead typeahead react autocomplete react react autocomplete react typahead react js autocomplete react debouncing react js debouncing debouncing react js abort controller react React abort controller react inter...
React JS Snake Game | React Interview Questions | Frontend Machine Coding
Переглядів 1,7 тис.14 днів тому
Let's build react js snake game frequently asked in interviews. react interview questions react js react hindi snake game javascript javaScript interview questions react js react js interivew questions react interview questions snake react js snake game react js snake game react js hindi snake game react js beginner frontend interview questions snake game react js how to create snake game in re...
React Toast | React Interview Questions | Machine Coding Round
Переглядів 2 тис.21 день тому
Let's create toast in react js frequently asked in react interviews. react js toast react js toast notification toast message in react js react toast react toast notifications toast in react js react javascript react interview questions frontend interview question toast in react js react react toast notification notification in react js react js react react js toast react toast react notificati...
React Interview Questions | Machine Coding Round
Переглядів 1,8 тис.21 день тому
In this video, we will solve one of the fav questions of product based companies Interactive shapes. React Interview Questions frequently asked in Machine Coding Round React js React Interview Questions React Interview Question Answer Frontend Interview Questions Machine Coding Round Uber Interview Question Make My Trip Interview Question Product Based Company Interview Question React Js React ...
React File Explorer | React Interview Questions | Machine Coding Round
Переглядів 1,3 тис.28 днів тому
In this video, we will create react js file explorer, mostly asked in frontend interview questions. file explorer react js file explorer react js interview questions frontend interview questions file explorer react js react file explorer tree view react react js react js beginner react js hindi react js file explorer react js tutorial tree view react how to create a react tree view component
React Stopwatch | React Interview Questions | Frontend Machine Coding
Переглядів 85928 днів тому
Let's create count down timer in react js, In this video we will be creating one of the most asked interview questions i.e build count down counter in react. Do Check out : www.youtube.com/@FrontendAman/playlists create countdown timer react build count down timer react how to create countdown timer in react js countdown timer react countdown timer react js countdown timer in react js building ...
React OTP | Machine Coding Round | React Interview Questions
Переглядів 7 тис.Місяць тому
Let's create Otp input in react one of the most asked interview question in machine coding round. react otp how to create 6digit otp using react otp react auto focus react js otp auto focus react js auto focus input field otp auto focus react native otp screen and auto remove using onpresskey focus react otp input otp react auto focus auto focus input field javascript react js otp otp in react ...
React Accordion | React Interview Questions | Machine Coding Round
Переглядів 1,2 тис.Місяць тому
In this video, we will create one of the machine coding interview question Accordion. create accordion Frontend Interview Questions react js accordion react js accordion in react js react interview questions accordion react react react js accordion javascript faq react react faq accordion react faq faq using react js accordion react create faq in react js faq in react react javascript react js
React Pagination | React Interview Questions | Machine Coding Round
Переглядів 3,1 тис.Місяць тому
Learn about pagination in React JS in this video, which covers a common interview question in machine coding rounds. Master pagination in React now! Like, share and subscribe. pagination in react js Frontend Interview Questions React JS pagination and search in react js react interview questions create pagination component in react js scroll pagination in react js pagination in react js react p...
React Infinite Scroll | React Interview Questions | Machine Coding Round
Переглядів 1,7 тис.Місяць тому
Learn how to implement infinite scroll in React in this machine coding round interview question. Perfect for practicing your React skills and preparing for interviews! React infinite scroll infinite scroll in react js react js intersection observer intersection observer react js react js intersection observer infinite scroll react js infinite scroll Machine Coding Round react interview question...
React Tic Tac Toe | React Interview Questions | N * N | Machine Coding Round
Переглядів 813Місяць тому
React Tic Tac Toe | React Interview Questions | N * N | Machine Coding Round
React Carousel | React Interview Questions | Machine Coding Round
Переглядів 3,1 тис.Місяць тому
React Carousel | React Interview Questions | Machine Coding Round
React Star Rating | React Interview Questions | Machine Coding Round
Переглядів 943Місяць тому
React Star Rating | React Interview Questions | Machine Coding Round
React Progress Bar | React Interview Questions | Machine Coding Round
Переглядів 1 тис.Місяць тому
React Progress Bar | React Interview Questions | Machine Coding Round

КОМЕНТАРІ

  • @AtulKumar-gt7uq
    @AtulKumar-gt7uq 8 годин тому

    Loved the way you explain things bro ❤keep it up. Also please try to make videos on System Design In today's time it's also more important. I would love to contribute with you :)

  • @hunt4uop145
    @hunt4uop145 8 годин тому

    Bro plzz make todo help with redux toolkit

  • @balshersingh5764
    @balshersingh5764 9 годин тому

    how in the world "app.js" file is running as a function compnent in reactJs. It should have been a jsx file. Why it doesnot give an error

  • @arkansavalder
    @arkansavalder 9 годин тому

    bhai ek react hooks ka one shot leke aa sakte ho kya

  • @arkansavalder
    @arkansavalder 9 годин тому

    Badhta Chala jaunga karlo compete🏃‍♂🏃‍♂

  • @archanoidtalks9393
    @archanoidtalks9393 9 годин тому

    brother is the fetch api link disturbed , like i am not getting any results shown when using same

  • @gulshanchaudhari6301
    @gulshanchaudhari6301 13 годин тому

    Your all videos are useful for me and thaks alot

  • @AbhishekKumar-yh6yx
    @AbhishekKumar-yh6yx 16 годин тому

    const handleComplete = (id) => { const completedTodos = todos.map((todo) => { if (todo.id === id) { todo.isCompleted = !todo.isCompleted; } return todo; }); setTodos(completedTodos); };

  • @ajiteshmishra0005
    @ajiteshmishra0005 17 годин тому

    Hii Aman Great video 📷 Learning a lot from these Keep doing same like covering all concepts including interview questions, so that we can get clarity of the concept.

  • @FrontendAman
    @FrontendAman 21 годину тому

    Code : codesandbox.io/p/sandbox/todo-app-r5tprk?file=%2Fsrc%2FComponents%2FTodo.jsx%3A11%2C29

  • @AmandeepSingh-sx9ke
    @AmandeepSingh-sx9ke 23 години тому

    Brother, you can close the file tree and zoom a little while you are explaining, that would be helpful.

  • @sobhansahoosubh3873
    @sobhansahoosubh3873 День тому

    Hello sir , apne jo prev ass dia tha wo complete ho gaya , can u give me something new idea

    • @FrontendAman
      @FrontendAman 16 годин тому

      try giving movie search functionality to it which fetch movie detail from the server by making call and use debouncing and abort controller there. replace pagination with infinite scroll combining it with virtualized list. add these two first. also give option to click on each movie and allow user to have see complete detail trailer of movie cast budget and all possible detail about movie.

    • @sobhansahoosubh3873
      @sobhansahoosubh3873 14 годин тому

      @@FrontendAman you taught all of these 😁😁😁😁

    • @FrontendAman
      @FrontendAman 13 годин тому

      @@sobhansahoosubh3873 , yes now time to integrate in project.

  • @aniketshinde4180
    @aniketshinde4180 День тому

    Hey Aman, I liked your videos on React. Can you show something on shadow DOM also in future video with the help of React.

  • @shivamraj1784
    @shivamraj1784 День тому

    Great content keep uploading

  • @user-mi7wz1me1m
    @user-mi7wz1me1m День тому

    Bhai kya makhan samjhae ho yaar, maza aa gaya. Today you have gained a new subscribe 😅

  • @____Akash__
    @____Akash__ День тому

    Wooooow... Up bahot details mei samjha te ho bhaiya, aaj bahoot kuch concept crystel clear ho geya, Thank you

  • @bhupeshvyas-g8w
    @bhupeshvyas-g8w День тому

    Can you please upload part 2 of React File Explorer

  • @user-li7wk5fo7i
    @user-li7wk5fo7i День тому

    Your linkedin? i want to mention uh

  • @siddhantsharma6235
    @siddhantsharma6235 День тому

    wow

  • @Javed_Khan_.
    @Javed_Khan_. День тому

    Subbed <❤️ Great content

  • @PrathamesDjchwalkar
    @PrathamesDjchwalkar 2 дні тому

    Hii bro plzz make seond part of this video and add progess bar in it when click on next button

  • @Coder_dynasty
    @Coder_dynasty 2 дні тому

    Make a Weather app, Modal component with some functionality and a form validation for machine coding round. Your explanation is dope bro🎆🧨

  • @tgayush1424
    @tgayush1424 2 дні тому

    Thanks for this new type of videos, first time came to your channel.har jagah wahi same react wale videos log daal rahe hai .yeh interview specific he laao videos .

  • @arkansavalder
    @arkansavalder 2 дні тому

    Rok sako toh rok lo Badhta chala jaaunga 🏃‍♂️

  • @parampal664
    @parampal664 2 дні тому

    bde bhaiya hm ise react routing ki help s bhi kr skte hn , but apne single component m hi krke ku kia is there any optimization reason or it's developer choice k kese bnana hoga

  • @aneeketvispute5063
    @aneeketvispute5063 2 дні тому

    superb explanation

  • @OCEMTechZone
    @OCEMTechZone 2 дні тому

    Great and simple example

  • @pranavbhalerao308
    @pranavbhalerao308 3 дні тому

    I saw the title and wondered if I could do it without looking at the soln and tried it out myself was able to do it on my own kind of remembering the image carousal thing and drawing inspiration from there and applying here

    • @FrontendAman
      @FrontendAman 3 дні тому

      This is called learning meaningful learning. not just tutorial hell. Glad I could be of any help. Stepper comp is also similar. + will recommend to check out this video maybe we have covered something new?

    • @pranavbhalerao308
      @pranavbhalerao308 3 дні тому

      @@FrontendAman did check this one after soln to see what was the difference I actually kept my tab state in app component since I had kept my tabs there and passed it down to my content component where I had my content box(bigger div in the soln) also I had added conditional styling to hide other content but I like the way you just called the index from current tab will use that

  • @shoaib_akhtar_1729
    @shoaib_akhtar_1729 3 дні тому

    Completed the Pagination Part from your LLD Playlist, your way of Teaching is just lit, thanks for the machine coding practice questions.

    • @FrontendAman
      @FrontendAman 3 дні тому

      Pagination, Infinite Scroll and Virtualized list. try this sequence. each is the solution for some problem of the prev one. and glad you liked it.

  • @FrontendAman
    @FrontendAman 3 дні тому

    Code :- codesandbox.io/p/sandbox/tabs-3tdl3g?file=%2Fsrc%2FComponents%2FTabs.jsx%3A11%2C20

    • @sobhansahoosubh3873
      @sobhansahoosubh3873 3 дні тому

      hello sir , can u give any full stack project idea , not the solution , i want to create by my own way and style

    • @FrontendAman
      @FrontendAman 3 дні тому

      @@sobhansahoosubh3873 , for starter try coding this out tmdb-movies-scaler.netlify.app/

    • @sobhansahoosubh3873
      @sobhansahoosubh3873 3 дні тому

      @@FrontendAman okkk in this project the pagination concept is used and the react-router cocept is used, i definitely create it by today , thanks sir

    • @FrontendAman
      @FrontendAman 3 дні тому

      @@sobhansahoosubh3873 , there is also add to watchlist,remove from watchlist, searching, sorting and filtering.

    • @sobhansahoosubh3873
      @sobhansahoosubh3873 3 дні тому

      @@FrontendAman okk sir

  • @arkansavalder
    @arkansavalder 3 дні тому

    28:04 code nahi chalege

  • @wanderingmonkk
    @wanderingmonkk 3 дні тому

    Got asked same question in Ixigo last week. I couldn’t answer as i never used this, i tried doing it with an intersection observer😅. But thanks now i can answer this easily

  • @AbhishekKumar-ss8ie
    @AbhishekKumar-ss8ie 3 дні тому

    bhaiya kon sa keyboard use krte ho?

  • @hetpatel1772
    @hetpatel1772 3 дні тому

    ahh man creating things with you it's like getting experience in the domain and clearly i can make things now with ease. main point don't stop writing css as well further, because it is also a good things to learn from you.

  • @RakeshSingh-vl2mz
    @RakeshSingh-vl2mz 3 дні тому

    Thanks bro learnt alot

  • @sobhansahoosubh3873
    @sobhansahoosubh3873 3 дні тому

    mast laga sir

  • @CodeWithShubh7
    @CodeWithShubh7 4 дні тому

    You are making that mind of videos or choosing those topics that we need Thankyou bhaii

  • @ajaymude4795
    @ajaymude4795 4 дні тому

    Nice video

  • @Aditya_Vyas
    @Aditya_Vyas 4 дні тому

    Bro which laptop you are using? Model and Specs

  • @hamudxd9497
    @hamudxd9497 4 дні тому

  • @arkansavalder
    @arkansavalder 4 дні тому

    badhta chala jaaunga 🏃🏃🏃

  • @jahangirkhan3747
    @jahangirkhan3747 4 дні тому

    Great tutorial brother 👍 keep going ❤

  • @mohit84604
    @mohit84604 4 дні тому

    That's what React Window is used for if anyone doesn't know

    • @FrontendAman
      @FrontendAman 4 дні тому

      yepp, react virtuoso, react virtualized as well.

  • @kshitijtakarkhede7833
    @kshitijtakarkhede7833 4 дні тому

    Please Aman , bring more videos on Machine Coding round , there are limited resources for this on youtube

    • @FrontendAman
      @FrontendAman 4 дні тому

      sure more to come.

    • @KshitijTakarkhede
      @KshitijTakarkhede 4 дні тому

      Can you suggest some sites where we can practice interview like question for backend, JavaScript etc

  • @dichwalkarprathamesh
    @dichwalkarprathamesh 4 дні тому

    hii bro plz make detail video on useref and its usecases is most confusing hook

    • @FrontendAman
      @FrontendAman 4 дні тому

      can you please check out these videos, useRef will never be confusing ua-cam.com/video/AxUjn0hhgAM/v-deo.htmlsi=N4CtWaVnsVeu9dHt ua-cam.com/video/54H-FaJGVeY/v-deo.htmlsi=3G6j0oz__nNEOwJt

  • @ShubhankarSharma-vr6zg
    @ShubhankarSharma-vr6zg 4 дні тому

    More power to you❤

  • @electrolyteN
    @electrolyteN 4 дні тому

    Want more such machine coding videos ❤