![Frontend with Aman](/img/default-banner.jpg)
- 19
- 32 512
Frontend with Aman
Приєднався 7 чер 2024
I'm Aman, Currently, an Instructor at Scaler, SST and formerly taught at Pepcoding. My mission is to make web development accessible and enjoyable for everyone.
On this channel, you'll find high-quality tutorials and courses covering all aspects of frontend development, including HTML, CSS, JavaScript, React, and more. Whether you're a beginner looking to start your coding journey or an experienced developer aiming to enhance your skills, there's something here for you.
Join me as we dive deep into web development, build real-world projects, and learn best practices. Subscribe to stay updated with the latest tutorials, tips, and tricks to become a proficient frontend developer.
Let's code, create, and innovate together!
On this channel, you'll find high-quality tutorials and courses covering all aspects of frontend development, including HTML, CSS, JavaScript, React, and more. Whether you're a beginner looking to start your coding journey or an experienced developer aiming to enhance your skills, there's something here for you.
Join me as we dive deep into web development, build real-world projects, and learn best practices. Subscribe to stay updated with the latest tutorials, tips, and tricks to become a proficient frontend developer.
Let's code, create, and innovate together!
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
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
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 :)
Bro plzz make todo help with redux toolkit
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
bhai ek react hooks ka one shot leke aa sakte ho kya
Badhta Chala jaunga karlo compete🏃♂🏃♂
brother is the fetch api link disturbed , like i am not getting any results shown when using same
please reply
Your all videos are useful for me and thaks alot
const handleComplete = (id) => { const completedTodos = todos.map((todo) => { if (todo.id === id) { todo.isCompleted = !todo.isCompleted; } return todo; }); setTodos(completedTodos); };
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.
Code : codesandbox.io/p/sandbox/todo-app-r5tprk?file=%2Fsrc%2FComponents%2FTodo.jsx%3A11%2C29
Brother, you can close the file tree and zoom a little while you are explaining, that would be helpful.
Ok next time
Hello sir , apne jo prev ass dia tha wo complete ho gaya , can u give me something new idea
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.
@@FrontendAman you taught all of these 😁😁😁😁
@@sobhansahoosubh3873 , yes now time to integrate in project.
Hey Aman, I liked your videos on React. Can you show something on shadow DOM also in future video with the help of React.
sure,
Great content keep uploading
Bhai kya makhan samjhae ho yaar, maza aa gaya. Today you have gained a new subscribe 😅
Wooooow... Up bahot details mei samjha te ho bhaiya, aaj bahoot kuch concept crystel clear ho geya, Thank you
Can you please upload part 2 of React File Explorer
sure sure, why not
Your linkedin? i want to mention uh
in.linkedin.com/in/mohd-aman
wow
Subbed <❤️ Great content
Hii bro plzz make seond part of this video and add progess bar in it when click on next button
okay.
Make a Weather app, Modal component with some functionality and a form validation for machine coding round. Your explanation is dope bro🎆🧨
Noted
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 .
Rok sako toh rok lo Badhta chala jaaunga 🏃♂️
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
Here we are not changing url.
superb explanation
Great and simple example
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
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?
@@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
Completed the Pagination Part from your LLD Playlist, your way of Teaching is just lit, thanks for the machine coding practice questions.
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.
Code :- codesandbox.io/p/sandbox/tabs-3tdl3g?file=%2Fsrc%2FComponents%2FTabs.jsx%3A11%2C20
hello sir , can u give any full stack project idea , not the solution , i want to create by my own way and style
@@sobhansahoosubh3873 , for starter try coding this out tmdb-movies-scaler.netlify.app/
@@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
@@sobhansahoosubh3873 , there is also add to watchlist,remove from watchlist, searching, sorting and filtering.
@@FrontendAman okk sir
28:04 code nahi chalege
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
bhaiya kon sa keyboard use krte ho?
alg se nhi hai laptop ka hi hai.
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.
glad that i can be of any help.
Thanks bro learnt alot
mast laga sir
You are making that mind of videos or choosing those topics that we need Thankyou bhaii
Nice video
Bro which laptop you are using? Model and Specs
macbook m2 pro.
❤
badhta chala jaaunga 🏃🏃🏃
Great tutorial brother 👍 keep going ❤
That's what React Window is used for if anyone doesn't know
yepp, react virtuoso, react virtualized as well.
Please Aman , bring more videos on Machine Coding round , there are limited resources for this on youtube
sure more to come.
Can you suggest some sites where we can practice interview like question for backend, JavaScript etc
hii bro plz make detail video on useref and its usecases is most confusing hook
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
More power to you❤
Want more such machine coding videos ❤
more to come