Frontend Interview Experience (TazorPay) - Javascript and React JS Interview Questions

#JavascriptInterview #ReactInterview #ReactJS
I interviewed for Frontend Engineer role at an Indian Fintech Company.
React JS and Javascript Interview questions from the Interview will be discussed in this video including topics like creating shopping cart, useReducer, DSA Questions, LRU Cache etc.
➡️ Book an Interview Preparation call with me -
topmate.io/roadsidecoder
🟦 Follow me on Twitter and u will clear your interview 🤓 -
/ piyush_eon
⭐ Support the channel and learn from me One on One -
/ @roadsidecoder
👨🏻‍💻 Code for Shopping Cart ( Round 1 - Ques 1 )
github.com/piyush-eon/fronten...
👨🏻‍💻 Code for Pie Chart UI ( Round 2 - Ques 5 )
codepen.io/piyush-eon/pen/LYd...
🔗 How I got Job Interviews through Cold Emailing -
• How I got Job Intervie...
🔗 Shopping Cart in React JS Tutorial -
• React Shopping Cart Tu...
🔗 Chat App Tutorial -
• MERN Stack Chat App wi...
🔗 Code Splitting in React JS -
• Code Splitting in Reac...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 "This" Keyword Interview Video -
• Javascript Interview Q...
🔗 Javascript Interview Series -
• Javascript Interview Q...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
00:00 Intro
00:42 Round 1 - Machine Coding
00:46 Ques 1 - Shopping Cart in React JS
25:43 Ques 2 - Why I used useReducer in it?
26:37 Get Interview Preparation call with me
26:58 Round 2 - Problem Solving and Frontend Basics
27:12 Ques 1 - Pangram String Checker
33:40 Ques 2 - Convert 12hrs to 24hrs time
37:41 Ques 3 - 'this' output question
38:46 Ques 4 - Implement Least Recently Used ( LRU ) Cache
47:54 Ques 5 - Create this UI
52:54 Round 3 - Hiring Manager
53:04 Ques 1 - Project Showcase
53:56 Ques 2 - Code Splitting
54:21 Company and Salary Discussion
54:37 Get Interview Preparation call with me
-------------------------------------------------------------------------
Special Thanks to our members -Onur Karagülle
Srinivas Ayyagari
Saikiran K

[@RoadsideCoder]

Follow me on Instagram or you may fail in your interview 🤓 - instagram.com/roadsidecoder/ If this video gets good response, I will make more interview videos, so, do share it with others 🔥

[@jaisharma545]

++ Follower;

[@aahaan8647]

Please add video about jest unit testing

[@akshayshinde2403]

I would like to know for what position you applied? SDE1 or SDE2

[@gullukumar4497]

@@aahaan8647 bhai documentation padhna start kr warna tutorial dekhte dekhte zindagi nikal Jani h

[@gullukumar4497]

@@akshayshinde2403 ye sare questions SD1 ke h bhai.

[@sshikhar4290]

That's super helpful. Thank you so much for this interview Q&A series, helps soooooo much. If possible could you please make a DSA series using Js. Thanks in advance 🙂

[@ayushsingh8975]

Really need DSA with JS and it will be great to learn from you.

[@nikhildosapati8719]

The video was very helpful. Can you please create a series which have questions about DSA with JS? That would really help many developers. Thanks :)

[@simionandrei5409]

Nice video Piyush! I think some videos about Generators and Data Structure will be really useful! Keep up the good work!

[@rlxgroot278]

Great one. We want DSA series in javascript 😍

[@user-rj5hd7hh8p]

Super great video makes excited to learn more and get started! Love the "stay organized" motto !!

[@ssmohanty153]

Thank you so much for this interview Q&A series, helps so much. If possible please make a DSA series using java script

[@ganeshkhirwadkar4127]

Bahut hi sahi bhai ! Will help many of us definitely

[@RAUSHANKUMAR-vu5hy]

Your javascript tut is very helpful for me understand easily the core concept

[@dineshkumargiri1659]

We are waiting bhaiya 🔥🔥🔥

[@pupstardao_]

Need more videos like this thanks for sharing keep it up brother

[@SalmanKhan-lx9kp]

This video is great! You must create DSA with JS full playlist.

[@manikdingra5938]

My man's dedication is over the top!

[@nasarshaik5207]

yes, please make playlist for these type of DS and Algo

[@abhishekvishwakarma9045]

Awesome walkthrough of interview experience😎🔥

[@atharshakeel7277]

Loved the video Piyush. And yes, we require a DSA with JS tutorial playlist.

[@rajeshprasadh3717]

suuuper helpful video, thanks man!

[@aakashjyoti4580]

bro your videos really help me in my interviews too.. thnakyou..

[@RoshanBakhla]

Bhaiya make more video related to frontend interview questions……👍

[@RoadsideCoder]

Definitely

[@nirmalshah9947]

A simplified version of pangram can be this too: const string = "when zombies arrive quickly fax judge pat"; const alphabet = "abcdefghijklmnopqrstuvwxyz"; const isPangram = (alphabet, str) => { let result const alphabetArr = [...alphabet]; for (let i = 0; i < alphabetArr.length; i++) { if (str.includes(alphabetArr[i])) { result = true; } else { result = false; } } return result; }

[@SuperYoman100]

We can use Regex for this as well, right?

[@nirmalshah9947]

@@SuperYoman100 You can, yes but personally, I tend to keep my programs as simple as possible. 10 years of experience with JS has taught me this at least

[@divyummmmmm]

Its not giving correct result

[@Abhishek_raj_gupta]

after 10 yr developer will forget dsa and basic logic like you. run with str = "z" you'll get true lol

[@ashishmadan5700]

Amazing video very helpful, Please create DSA series in javascript 🔥🔥

[@gopisrinivas4485]

WNice tutorialch version do you use to get all the setup and polyphonic softs?

[@munawarmunna2232]

Yes please make videos on DSA with javascript..

[@harshsinghchauhan869]

Sir you have made my life ❤🌟

[@arunbohra4346]

this.name will not be undefined in the arrow function rather it would be an empty string as window object consists of a name property. If we use it in some other environment like nodejs then it would be undefined. BTW I like your videos they help a lot

[@nileshnilu7902]

Nice explanation sir ji 🙂🙂

[@htrOfLiesfub]

You are the man

[@sojuthomas7727]

Thank you so much 😊

[@vikulkumar3376]

It will be great if you are creating a one series of DS with JS.

[@venkateshpachigulla]

Do you know about conic-gradient and percentage variable before interview? I saw for the first time.

[@TopTalentBridge]

Definitely want to have a talk with you. I will book a call with on topmate in next 2 weeks for sure.

[@premsolanki7570]

We need a series of DSA Please do it sir !!!

[@subhadeepghosh2813]

why its getting removed autometically from cart ?

[@jhaganb9215]

Hi bro, love your content and the vibe of the video so wanna ask you a question that is is there a internship which is only for frontend developer and how can i apply for it. Looking for you reply

[@cb559]

Data structures with Js is must needed in KZbin but it's must a detailed one with all cases of data structures covered

[@shivamdhoundiyal6985]

Bhai super yaar....mazza aa gya !!

[@RoadsideCoder]

😎😎

[@arunbohra4346]

Instead of waiting 2000 years for create-react-app you can use vite. Only thing about vite is that it provides a minimal setup for development.

[@pranavpatil8351]

Plz Do make a playlist on Data structures n alorithyms with JavaScript

[@nikithamalkapuram8728]

Please Please do DSA with Js series. I rejected lot of interviews with this DSA only.

[@mohininarwade1108]

Also how do you copy paste so fast? whats the shorcut control? please tell

[@ashishverma1382]

great video

[@akrammohammed3581]

We need DS with js pls do a series on that

[@ravikumar7676]

Yes DSA series .. i m having so much problem in DSA part .

[@matheusdiniz3743]

Amazing video, really liked it!! Just a question, were those rounds in a call or they gave you those tasks and you had to return them the answer to it?

[@RoadsideCoder]

All in a video call with screen sharing

[@rahulpandey8333]

We all need full DSA course with javascript.

[@veereshkumar640]

it is very usefull video can you please create DSA with JS

[@harshitjain3232]

Want you create dsa for javascript, containing interview like questions.

[@naazj8508]

Ur putting this video in this series after long time

[@RoadsideCoder]

Yeah

[@user-zp1dv4yh5e]

Yess , we need DSAwith JS

[@praveengopakumar5059]

great content

[@punitdixit861]

Hi Thanks for creating such good coding video. Please create DS/Algorithm in JavaScript

[@CodeWithAhsan]

If you're looking for visual examples for DS with JS, you can check the following, until he uploads one :) Playlist: kzbin.info/aero/PL2sQdFoGnLIgTJ4hP3ab4HoPOe4BT4ose Demo : ahsanayaz.github.io/fun-with-javascript/ Sorry for replying to multiple comments :) I feel like the playlist can benefit a lot of folks here.

[@MusicalOcean]

Please create DSA playlist for Js

[@adityanimgade2200]

you can do what you want!

[@successmotivationpoint4925]

Was this interview for fresher or experience bcz level of question i think is not for freshers ?

[@ramkrushnaprabhu8027]

Sir please create tutorial on Ecommerce website creation by using MERN technology

[@ishansharma3433]

Could you please explain while changing quantity you use the filter instead of map. As I understand, a filter doesn't change the value of elements of the array but filters out elements based on condition. Why this is giving correct output?

[@jonnjon1]

Maybe you have already solved it but after a lot of research I understood what he did. Min 23:11 line 16. Cart Is being reassigned the previous version of itself but filtered: - the filter : it will first find the product with the provided id. - Then the ternary ( if) it will use the filter to asign a new value to Qty which is the new payload ( previously changed to +1 or -1 ) if the qty is 0 the filter will consider it as false, so the element will not be added to the filtered array. -after the : it will return the updated quantity Please correct my if I'm wrong, but this is the conclusion that I found after hours of being stuck with this masterful piece of code.

[@RoadsideCoder]

Its because filter will only return those filtered put elements but map will return filtered out elements along with empty slots for other elements

[@romiljain7595]

waiting for series DSA + JS questions and what can be the level of questions interviewer can ask

[@munawarmunna2232]

Bro make videos on Mostly asked DSA interview questions..

[@extux9090]

Yes please do it DSA+JS

[@TechNikky]

23:23 if we go below 1 how the hack that item removes automatic from cart instead of changing carty quantity to 0. Please explain krdo boht confuse horha hai

[@Frameddelight]

cart filter would return action.payload.qty, and that would be used as a filtering condition, if it matches the product id and qty is returned, the 0 qty would be treated as false thus filtering that from the array.

[@s1k_guy]

Bro. Make vedios on javascript data structure please

[@rakaa31]

please create DSA with js series

[@anilraj9877]

yes please make dsa seriese

[@KunalKumar-ch6gb]

Bro create a separate DSA series in Js ❤

[@rajankhunt7002]

Good video.

[@rohitdesai3615]

Bhai mai mechanical se huun. Aur abhi start kiya huun web development What you think Please give any tips

[@damon4907]

Yes we want dsa with js

[@reethikavanaparthy6984]

please can u suggest a good resume builder

[@sachinporwal4275]

please make a DSA series using Js

[@banglanews1368]

hii.. bro, i want to create inshort like news app from you.. please tell me how much money you want ? bro my budget is too low..

[@ChhikaraBRUH]

please create a DSA in JS series

[@ANONYMOUS-wx5kc]

Pls make a video on dsa with js

[@abhishekvishwakarma9045]

After watching LRU cache question can you create a video on generators in javascript that'll be helpfull 😀

[@RoadsideCoder]

Sure

[@ichiroutakashima4503]

I hate how you can make things so easy, yet when I'm APPLYING it myself, I blank out. I wish I could be good as you. Any tips? I've been studying for a year now and I feel like I've not done enough yet to learn the basic, I just don't feel confident at all.

[@0Ipsita0]

Yes, create separate DSA video playlist.

[@RoadsideCoder]

Already did, check my channel

[@esmamanyt7048]

I have one confusion in DSA question can we allow using other language like c++ and java because this is the most common languages for dsa and i also solved the lru cache question but in js and c++ approach is very different special implementation ???

[@RoadsideCoder]

In frontend most interviewers won't allow any other language than JS

[@darshitraj1694]

Recently,I gave Zepto's UI Interview. For Cart login I used Arrays to store every object's data. Basically, I used Array of Objects. I created full flexed working app. A day later, I WAS REJECTED. Feedback was - I should have used Objects for cart instead of Array :( People say anything to reject. Please help if there could be a better way to store cart items.

[@darshitraj1694]

*logic

[@rotembs]

@@darshitraj1694 They wanted to see something like that probably: [{productName: "MacBook", price: 50, quantity: 2}, {...}]

[@mohammadyasir-ci7gf]

Basically interviewer wanted to store the cartItems like this. {“randomId”:{itemName:”mobile,price:10,quantity:10} where randomId is a cartItem Id, there are many ways to create randomId in js. I think interviewer was saying to use Object over array because of time complexity to remove an item from cart. If you use array the time complexity would be O(N) but if you use object the time complexity would be O(1). But wait, it doesn’t mean that Object will be always efficient, it’s totally depend upon the requirement. lets say if we want to know how many items are added in cart, or last 5 items added in cart. In these cases the array option will work better that object. Anyway I think as an interviewer its better to ask follow-up questions in these situations rather than directly rejecting the candidates. Remember we can’t make ourself 100% rejection proof, there could be any reason for rejection. Hope you must be doing great somewhere now😊

[@DarshitRaj]

@@mohammadyasir-ci7gf first of all, Eid Mubarak Yasir bhai. You answer is something I was searching for sometime now. Yes, the approach with objects are better with performance centric apps, maybe, which involves frequent addition/removal. I stayed in my current company for stable work enviroment.

[@rakaa31]

hey, so i been learning react for quit a while, i can make e-commerce, twitter like websites in react and know JS well so can i start to give interviews?? for frontend roles??

[@haniahani5351]

Yes you can

[@santhoshburgula6952]

Bro, I have gone through some videos, you are simply rocking and just you inspired me a lot. what should I do to pro in javascript like you ? is there any best book for javascript and as well as practice problems? please refer to any suggestions and root map. by the by, I'm from Non-IT background.

[@RoadsideCoder]

Hi Santosh, Thanks a lot for appreciation ❤️ Let's connect on instagram @RoadsideCoder. You can ask me your questions there.

[@santhoshburgula6952]

@@RoadsideCoder Sorry, I don't have Instagram.

[@jahirhassan449]

create a series of dsa with js

[@kishoreramesh8110]

Tazorpay? Or razorpay

[@lokeshnegi5051]

so were you hired after smashing the interview or not ?

[@atmanirbharladka4467]

Tazorpay ? It's so difficult to figure out which company it was. Unable to think of any other fintech with similar name. So subtle.

[@RoadsideCoder]

Lol, ikr I'm so smart 😎🤓

[@sayurikamble825]

This is how I solved the Pangram Question: function checkPangram(str) { const arr = [] const sentenceArr = str.toUpperCase().split("").filter(item => item != " ") sentenceArr.map((alphabet) => { if (!arr.includes(alphabet)) { return arr.push(alphabet) } }) return arr.length === 26 ? "Pangram" : "Not Pangram" }

[@Abhishek_raj_gupta]

what is string has numbers.

[@rishiraj2548]

Naamste!

[@soumyaranjanpanda7532]

please create a DSA videos. That would be really helpful

[@CodeWithAhsan]

You can probably get started with this. Until he uploads a series. Playlist: kzbin.info/aero/PL2sQdFoGnLIgTJ4hP3ab4HoPOe4BT4ose Demo : ahsanayaz.github.io/fun-with-javascript/

[@lebnew8218]

Why I found this interview so hard !! 🥲🥲🥲

[@varuns3763]

Yes we need data with java

[@sakethpavan4901]

43:16 Is Map an ordered or unordered data structure in Js?

[@shriharikulkarni07]

Map is ordered

[@ansumanmishra17]

plz make dsa video

[@sreekanthps5344]

bro please make dsa with javascript

[@purutopeta3099]

portfolio website down?

[@shacodes]

Switch kr va ke hi manoge sir

[@Ikshitchavda9]

It will be more helpful to us if you are creating a one series of DS with JS 🙏

[@jenso413]

just some advice, I know the focus wasn’t supposed to be on styling, but you adding all those inline styles made the first react question very hard to look at. If you don’t want to worry about styling in the video, just create a pre made css style sheet, and add classes as you go. Would make things a lot easier to watch

[@RoadsideCoder]

Agreed, Thanks for the advice.

[@piyushchopade7878]

@@RoadsideCoder For how much work ex is this expected?

[@RoadsideCoder]

@@piyushchopade7878 1 year, Thie however can be asked in any experience

[@rajesh-royal]

were you selected, what package, perks they offer - you dont have to mention the CTC, just if it was competative

[@gullukumar4497]

Bhai CTC bata diya to blacklist kr denge

[@soumitahalder2424]

@@gullukumar4497 kon karegaa ?? Company ?

[@kritisharma4653]

case "ADD_TO_CART": return { ...state, cart: [{ ...action.payload, qty: 1 }, ...state.cart] }; What does it mean??

[@Frameddelight]

cart filter would return action.payload.qty, and that would be used as a filtering condition, if it matches the product id and qty is returned, the 0 qty would be treated as false thus filtering that from the array.

[@RAUSHANKUMAR-vu5hy]

Please make more video fronted developer related

[@RoadsideCoder]

For sure. If this one does good I'll make more!

[@ujjwaljain9780]

Please create dsa with js