React JS Interview Questions ( EMI Calculator ) - Frontend Machine Coding Interview Experience

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details
#JavascriptInterview #ReactInterview #ReactJS
React Interview Question on creating EMI Calculator will be created in this video along with tips and tricks to tackle your React JS and JavaScript Questions in Frontend Machine Coding Interviews.
Sign up for HeroVired's Full Stack Program -
marketing.vired.com/fsd_influ...
➡️ Book an Interview Preparation call with me -
topmate.io/roadsidecoder
🟦 Follow me on Twitter and u will clear your interview 🤓 -
/ piyush_eon
➡️ Source Code -
github.com/piyush-eon/fronten...
🔗 Frontend Machine Coding Interview Series -
• Frontend Machine Codin...
🔗 Javascript Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tut...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
00:00 Intro
00:37 Problem Explaination
04:24 Initialise a new React App
04:29 Tips before Starting
04:49 Declaring the States
05:57 Building the UI
07:06 Hero Vired's Full Stack Program
09:20 Building the UI Continued..
10:04 Slider UI
15:26 Adding Slider onChange Logic
17:30 Tenure UI
20:39 EMI Calculation Logic
25:19 DownPayment Calculation Logic
30:00 Total EMI and DP
32:53 Currency Formatting
35:26 Making Code Modular
44:45 Homework
45:20 Book Interview Prep Call with me
-------------------------------------------------------------------------
⭐ Support the channel and learn from me One on One -
/ @roadsidecoder
Special Thanks to our members -

[@RoadsideCoder]

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details 🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/ ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder

[@puneetsingh9678]

Step 1: Like the video Step 2: Watch Thanks for the awesome content man! Preparing for interviews, your channel has been super helpful

[@asharma741]

Hello brother the little thing that I'm noticing at line 125, is that you are mapping over the values, so we should provide key attr to each button element.

[@indiancuriousvoice8773]

You can wite your calculator logic in different directory as it is a best practice of clean code .

[@hemantakar6769]

I have got one coding round of interview document. could you please make a video on this. How to share this document with you ?

[@projectsnik305]

Bhai kya mast he Quality content dalthe ho , tumare channel se he bohut kuch seekha h , ab projects banake resume tayyar karke interview questions prepare horaha tha aur correct time pe ye video mila🙏 ek Resume review wali video banao Bhai for frontend like what kind of projects we need to build and how should we arrange things in resume.🙏

[@VindexTOS]

how is intrest rate caluclated or is it just stays 10% we dont need to change it ?

[@satadhi]

Thanks for the video. Just wanted to ask, dont you think it will be better to use useReduce hook instead of useState as all the states are interdependent on each other ? How do you decide when to use useState vs useReduce? Again thanks a lots

[@programmermiskin222]

thank you so much sir can you make a tutorial of import / export data of xlsx file with node js and react? thank you

[@fallen_turbo]

Great video, I think you can just use the javascript Intl API for formatting. new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR" }).format(number);

[@_jatin_Vaishnav329]

yes

[@adityaagarwal2324]

This thing I used to make in Paytm also

[@mohammadakil8376]

Thats awesome bro plz make more videos

[@jotthyr]

Keep going man! definitely awesome! :)

[@RoadsideCoder]

Thanks a ton!

[@Im_SiVA]

Great video ! I'm an arts graduate who's interested in frontend as I like to create and present something and I'm just planning to start coding from the very basics. My question here is "Is it safe to enter into coding now after the impact of AI. I'm talking about the next 5 yrs or so... I know AI has become a great tool for all of us. Are frontend jobs really at stake? " Hope you reply :)

[@Jatindamariya]

Solving more problems create even more problems to solve. Dont worry about AI. Either Ai is just a tool, AI solves too many problems easily, AI replaces jobs. Whatever be it, the bottom line is, that it solves a lot of problems, creating even more problems, thats where you will work in future. When the web started, nobody cared about UI, everything was based on pure functionality. First we created a problem of making websites and all applications appealing and simplistic in looking and functionality. To solve this problem, a lot of companies started working on their own UI frameworks/libraries ( Meta-React, Google-Angular ). We could have thought that these frameworks which were meant to reduce demand of developers ( as using plain old HTML, CSS and Javascript would require a lot of development effort ). What happened? it created more and more jobs, now suddenly even start-ups can catch up with their development using these frameworks. Now, we're in the era of AI, AI is thought to replace the jobs for React, Angular, Frontend, Backend developers which in my opinion, its very far from reality. Chatgpt and all other LLMs generate a lot of crappy code, that just works but have a huge potential of breaking in the near future. Believe it or not, few years down the lane, there are again going to be a surge in job market because of this huge amount of bugs that companies have to solve as a result of LLM generated development efforts. Lastly, even if Ai reaches to the level that it fully replaces a software engineer's job. There would be a huge shift in the industry, a lot of problems will be solved, creating even more problems and avenues to venture that AI cant solve. Thats where humans will go and work on. In the primal times, there were'nt many problems, you just had to worry about shelter and food (survival). Life was set. Fast forward in todays day and age. You are worrying about your parents aging, your pending bills, your career, your work life balance, your financial growth, your personal development, your protein intake. and yet, again, a lot of people trying to solve these "problems", matrimonial sites, food delivery applications, transportation, logistics, health and fitness applications and what not. In short, dont worry. Just do what you are doing.

[@vinitsharma4787]

Bhiya hiruku is not free now so pls make the video on how to host the server side node file on other free hosting website

[@parassharma7041]

Great content very helpful

[@nileshpatva]

for currency format, better way is to use Intl APIs, probably NumberFormat

[@awais_ansarii]

Ur content is awesome bhai

[@decostarkumar2562]

I think the onChange use is not proer, the inputs will keep calling each other interally as they change each other value .....🙁

[@pavithrasai1392]

Can you also do react native developer interview questions for experienced ppl plz

[@Aviralsingh-yw7xx]

Sir can you provide the link to the orginal problem statement

[@RoadsideCoder]

check readme here - github.com/piyush-eon/frontend-interview-questions/tree/master/reactjs-interview-questions/emi-calculator

[@lokeshkhati8413]

Thank you so much for creating such great content❤

[@brajagopalmukherjee1588]

Bhaiya DSA with js kab sa start hona wali ha ?? Dsa ka pahla bhaiya js basic to advanced wala koi one shot video upload kar sakta ho fro follow the DSA?

[@RoadsideCoder]

next week se

[@AbhishekKumar-vl3cb]

@19:20

[@ankushladani496]

Bhaiya Plan a MERN COURSE.

[@sourav_96]

hey, just try to explain more while writing or after completion of one functionality, that will be more helpful rather than just writing code:)

[@itspawanpoudel]

Can you share the that file ?

[@RoadsideCoder]

Sure, Here u go - docs.google.com/document/d/1R9v180RhT8AkhaIFdXrDOs8fsuyHzuYV6vOrZZBnUh4/edit?usp=sharing

[@naveenvaratharaj9991]

Is this for cred?

[@RoadsideCoder]

👀

[@nishachapte7]

Its great video. Can you please add video on Tic tae toe

[@salmanrafi4253]

Bro you are the best ❤️❤️

[@santoshmore2953]

Bro start DSA js course asap

[@purusharma8192]

Hurray

[@awais_ansarii]

❤

[@sunilsarode152]

export default function TextInput({ title, state, setState, isLessThanHundred, }) { return ( {title} 100 && isLessThanHundred ? "100" : state} onChange={(e) => setState(e.target.value)} placeholder={title} /> ); }. for validating the value greater than 100

[@debugloop]

Acha homework ka bhi homework :p

[@bharathbabu409]

😢ல்ல்ல்ல்ķம்ல்ம்ல்ம்ல்ம்ல்ம் ஜ் இஆச்ம்வ்ப்ப்குஹ்ல்ப்ல்8ஆர் ஆர்6 ,źப்5

[@shivam1773]

if (e.target.value >100) e.preventDefault();

[@manjupandit1733]

Max value=100