I have taken a lot of frontend interviews trust me when I say a lot and I have seen a lot of candidates struggling in their interviews so in this video I going to cover all the important topics in react that can be asked in your upcoming interview and I will also tell you the nuances when you are learning these react Concepts so that you don't miss them in the interviews okay so let us just start without wasting any time so the first topic that you should definitely know is is hooks see hooks are a very important part of react you are learning react you cannot miss hooks then now what what should you study inside hooks okay so let me just tell you what is the most important thing that you should study inside hooks so you should definitely know UST State Hook and the people who are working in react would definitely know what this what I am talking about so the US state Hook is the most important hook widely used you should definitely know that along with that you should also know use effect right so use effect is another very very important hook now there is a Nuance right there is a important thing over here so a lot of people know how what use effect is but they don't know what the dependency array over there works for a lot of interviewer will play with play with you if you don't know what is dependency array okay so definitely know how the dependency array works if it is empty what happens if it is not there what happens if you have some values inside dependency array then what happens see okay so you have to carefully handle these use state or use effect hooks these are the most important hooks that you have to study now there are more hooks which you should know right uh those hooks are I am listing down in order okay so always remember I am listing down in order you have to study it in this order so use context another very important hook the other hook you should know is use use reducer okay so you should know both of them uh and now these are in order whatever I am writing so study from that order and the Order of most asked in interviews also okay then uh another hook you should know is use memo another very important hook very amazing hook you should definitely know not just for interviews but for daily coding as well then there is one more hook which is known as use call back call back right you should know this also so and one more the last one use ref right so these are the 1 2 3 4 5 6 7 7 hooks you should definitely prepare and I'm telling you my dear friends that this seven hooks are not the only hooks there are so many hooks out there but this seven you should definitely prepare if you are giving interviews right interviewers are widely asking these questions and let me tell you this will not just help you in interviews but in your daily coding as well so this was the first topic hooks never miss that if you are a react developer okay so now let us move to another topic the other topic is higher order components now in this higher order components you should definitely know what actually higher order component is right you should know basic questions right what what is high order components why do you use it right very important question you know when I used to ask in interviews so a lot of people used to tell me this is high order component but if I ask them when to use it why to use it right um what when why and how right these are the four questions you should definitely prepare when it comes to higher order components what what is higher order components why we use it when do we use it in our code what is the right what is the scenario right what are the circumstances you can take examples out there you should prepare very good okay and then how do you use it that means you can give some examples of code and sometimes the interviewer might also ask you to write code right I have asked it personally so prepare it for sure if you are giving me interviews I can definitely ask this question right how to use it how to write code for a higher order component okay so and very important for machine coding round also okay let me also tell you this thing right there is a machine coding round okay so very important for machine coding round right uh if you use a higher order components in your machine coding round interviewers will be impressed definitely try that out now the third thing is life cycle methods of a component now this is basically you know I talking about class components mostly right so class components is a older component a older concept now if you are learning the latest version of react we don't even talk about class components we don't even write class components but but but this is very very important for interviews never miss it see when react was built it was built using these fundamentals how the component is rendered and what are the life what is the life cycle of an component right in what order life cycle functions are called so now when we talk about life cycle methods so there are three you know three phases three phases one is mounting phase mounting phase sorry for my bad handwriting I'm writing it very fast there is updating phase updating phase and there is unmounting phase right and all of them has their own life cycle methods Google it you will get to know about all of them uh so so there's something known as component did Mount component will Mount and in unmounting Phase there is component uh did uh unmount right sorry component will unmount and then there is in update component uh did update and so there are multiple all of them right there are I think 9 10 methods you should know in what order these methods are called very very important when you're giving interviews you know it is not just import you know these days if you write the latest version of react you don't even need to write all of them but the problem is a lot of interviewer expect you to know this in interviews because most of the time a lot of companies are still using older version of react so when you are going over there and working so you should have that knowledge so interviewers expect you in interviews also right so don't miss this don't lose a chance don't lose any chance in your interview uh prepare it right why not and let me tell you you know when I was teaching in Namaste react I remember this was the most fascinating concept which the students liked you know when I was teaching uh every time whenever students see that video right of these life cycle methods I described it in very detail and they always appreciate ake like my brain is open now right I I can I have got immense knowledge about how react Works behind the scenes you know when you will study that study all of the these methods you will get to know that how actually react Works behind the scenes right that is really amazing to learn right so never miss this life cycle methods now another concept is a lot of questions are asked from State Management now when I say State Management it talks about State and props right State props now there is a important concept of props drilling right props drilling Google it if you don't know but it is so see when you have a lot of components and the components are in hierarchy so suppose if you want to send data from parent component down to the child hierarchy so then that concept is known as props dealing you should definitely know that right you should be able to write code and explain the with examples if you are asked and now uh to solve this prop drilling you should also know what is context right react context very important right never miss this react context this is a very highlight of the interview people interviewer will definitely ask ask you if he's taking a uh react interview so uh you should definitely know now State Management also means how to pass data between two siblings right suppose this is your react tree right application component tree right so uh suppose the interviewer can ask you how to pass data from this component to this component or maybe they can ask you how to pass data from this component to this component right so you should know all of that right so this component to this component right you should know these nuances and these questions um you know not every interviewer will ask you all these questions but I'm telling you that smart interviewers and if you'll give uh interviews in good companies they will really Grill you on these topics right so uh that also tells about your uh you know depth of knowledge right that is what is asked in big companies right so uh this is what you need to study now let us move to when we are talking about State Management now you should definitely know about Redux very important State Management library in react and there is one more Library which is a very new one and it is catching up in Market which is known as Z stand right read about it right I'm not saying you should know everything about Redux or zustand there might be a case that you have never used Redux or zustand just know a little bit about it right how Redux works again right how Redux works why do we need Redux when do we need Redux and you should be able to reason right if your application really need Redux or not I have seen a lot of students they just go and build a small application and start using Redux no Redux should only be used if your application is large enough right there is a reason there should be a good reason why you should know Redux and these days not just learn the traditional Redux there is something known as Redux toolkit okay Redux toolkit and it is also known as rtk a lot of people call this as rtk and when I teach in Namaste react I use this latest rtk right this is amazing I have used that in production in Namaste Dev website right the Namaste Dev website that we have where we have Namaste react we use this rtk Redux toolkit I have built uh products in app production using rtk very important now this is not a must have skill some people who are angular developers who are going to inter going for a react interview you might not know much about Redux not a must have thing you can politely say to the interviewer that I have never worked on Redux a lot but I know the basics and you can explain the basic stuff okay so um don't get afraid if you don't know a lot about Redux also okay so now let us move to the next concept custom hooks very important see if you are giving interviews in small startups or somewhere they might not ask you Customs if you are preparing for big companies good companies if a good interviewer takes your interview please they can ask you custom hooks when to use it very important and then code they can ask you to write code for this right so definitely you should be able to write code for a custom hook you should be able to give examples also when can you use custom hooks in your application very very important concept not just for interviews yeah like when you are uh you know uh when you are giving uh when you're building your own projects right you should use custom hooks I have seen very less people use very less developers use custom hooks but custom hooks will make your life so much easy it makes your code clean maintainable readable and you know reusable right these are the important things right I'm also telling you answer if the if the interviewer asks you why do we need custom hooks this okay so custom hooks when to use it why to use it and how to use it right how means code okay code you should be able to write it now let me give you an example suppose if I want to make a uh custom hook which is basically use local storage use local storage that means it gives me information from local storage and I can push data into local storage so something like this anything right I'm just giving you a ra random example interviewer can ask you to write code so do you have that knowledge to write that uh can you build that hook use local storage right so something like this always know that now another important question I'm talking now about Advanced topics if you're giving a react interview interviewer can definitely ask you what is lazy loading lazy loading now it now this topic can be asked in different formats something like code splitting right code splitting chunking chunking right it is also known as code chunking it is also known as codeit splitting it is also known as lazy loading there is a concept which is known as suspense right you should know about suspense also over here along with that right this suspense so these all lazy loading will make your application much more performant performance is the most important thing when you come when you talk about react application or any front-end application in general very important thing if you are a senior developer if you don't know Redux lazy loading it's a red flag for you don't be a red flag definitely learn very important concept lazy loading don't miss this highly asked right highly asked okay very important question very important topic lazy loading must know let's move to another concept virtual Dom right now you know what I have seen whenever I take interviews I ask why should uh we use react right so a lot of students say AE we should use react because it has virtual D but they cannot ask answer any next question about virtual Dom just knowing that react using virtual Dom will not help you you should know you know you know a lot of you know lot of interviewers also don't know this so you might not get this question in interviews but if you get a smart interviewer they will they will you know definitely uh definitely ask you uh about virtual Dom and they can Grill you a lot in Virtual Dom concept now when I say virtual Dom you should also know about reconciliation algorithm there is a algorithm you know and there is something known as react fiber I don't know if you guys know about it or not I have covered all these things importantly very in detail in my Namaste react series I'm not saying just go buy my course right you can buy the course if you can afford it um and you know what what do you mean by afford it right it's all all about priorities right people spend money in like so many random things but if you can purchase it just go ahead take the Namaste ryak course and you know I have explained all these things in detail this is a very creamy thing this this will tell you how react Works under the hood right basically how the component renders and I'm not just saying that you can only learn this from my course it is just one resource search on the internet thousands of blog articles if you have a habit of reading just go ahead read it out but I'm just telling you the keywords know it and you will love react you know a lot of people fall in love with react when they get to know about what is happening behind behind the scenes in react what is virtual Dome how it works what is reconciliation what is react fiber algorithm right how that diff algorithm works right there is a something known as diffing algorithm algorithm okay so react makes a tree and then calculates a diff of the components and then renders only specific parts of it how react renders the component right how render Works how very amazing concept Concepts right if you know all of them it if you can tell this in interviews interviewers will be impressed I'm not kidding I'm not kidding I'm telling you right interviewers will be impressed now let's move on to another concept okay now let's move on to another concept which is SSR and CSR what is SSR and CSR this is basically known as serers side rendering client side rendering these days this is a hot interview question right hot right because you know now along with react there is a hype of nextjs going on right so a lot of people are moving towards nextjs nextjs is kind of like not just for front end right it's a full stack kind of a framework I would say it's a framework which is built on top of react to ask right A lot of people ask me about my opinion I still love react right I still love react I feel nextjs is still to be matured you know I have used nextjs in my production application right and we were facing a lot of issues with that I am using nextjs if you go to namaste.com that whole website is built using nextjs right we are using nextjs on production but you know we are facing a lot of issues when we are doing a lot of things in nextjs so I think there is still a lot of things nextjs has to improve but you know because that is hot in Market lot of interviewers will ask you you can do server side rendering in nextjs right uh next yes so a lot of people ask you what is serers side rendering what is client side rendering what are the benefits difference between them right first of all know the whats what is them know the difference between them what is a server side rendering CL and rering uh you should uh huh you should then when it comes a major factor is SEO know about SEO of your react application when you talk about server side rendering all o consider SEO and performance performance right so you should know basically you should be able to talk about serers side rendering it's not like if the interviewer asks you what is server side rendering you are blank oh what is this no no no no no not you should not do that you should know the difference you should understand it it's a very hot topic earlier you know few years back nobody was asking this question these days if you talk about 2024 everybody is asking this this question okay so let's move to the next one routing and rbac role based access control a lot of interviewers ask this question routing means how do you handle different routes in your react application or in your nextjs application nextjs has its own router in place nextjs has its own router inbuilt but reactjs uh needs a library so you can talk about react router right it's a very famous library right now you know the routing the major major concept about routing the interviewers will not ask you about uh what library will you use or something like that they will ask you about how do you manage protected routes you should be able to talk about protected routes right so basically you know you can have one application and then there can be some routes suppose slash profile right that profile is only accessible to the logged in user how would you build that uh and you know role based Access Control means suppose if you're building an admin dashboard so suppose if somebody is a super admin it can have access to a lot of more pages uh right than a normal lower level role right so you should be able to talk about role based access control and you should be able to talk about how do you handle routes very very important right routing is the most underrated topic I would say in the uh react uh and a lot of people don't consider those routes right and then you can also talk about query params and all that stuff right that how do you handle query params inside it and basically all the challenges that you might face using routing important thing learn about it right uh I have one whole big three hours long video for routing in Namaste react and I know that we discussed that in so much detail uh and you know whenever you are building projects right whenever you are building your personal projects also don't underestimate routing because see if you make a certain route then High chances that it will always exist till your application lives right till the life of your application you cannot change the important routes okay a lot of people feel that okay I can change the routes later but it has a very negative impact so always be very conscious when you're building routes I'm now I'm not talking just about interviews I'm just talking about your personal projects routing don't underestimate it because you know once you make a route then it's very high chances that you cannot change it later okay so please please be very careful when you do that right now yes and I forgot to talk about Dynamic routing here right very important Dynamic routing how can you forget that right suppose if you want to make a slash user SL user ID or something like that right you should be able to handle and I let me give you an example also right how does uh you must have seen right uh if you go to twitter.com now maybe call it as x.com right so it has a route known as x.com SL if I use a username over here so it goes to a username but I if I use a if I use a slash profile so it might take me to a profile page right uh if I use so basically how do you handle these protected routes and there going be some unprotected routes also so how how do you handle all of that this is what interviewers uh can ask you okay so please please please understand that testing uh now you might ask also aay that these interview questions are for beginners or Advanced see it is for mix right it all depends on interviewer to be very honest right there is no uh beginner or an advanced thing you should know all of this right uh but you know uh sometimes interviewers are lenient with the beginners but if you are a beginner if you know all these things amazing dear right in your interview testing is the most important thing right uh not the most important thing sorry I take my words back but what I'm saying is don't underestimate testing when it is coming to your interviews or even your personal projects so in testing interviewer can ask you what would you use to write test cases so in my Namaste react I teach you something known as react testing Library you know why I brought this testing thing up over here in this video because I know that all of you who are watching might not be writing test cases test cases write test cases if you know you know you can win the interviewer by just one hack I'll tell you that hack right I'll tell you the hack what is that hack ever you ever the interviewer ask you um any question in react to code write code for it just slightly mention that uh AE right suppose if I ask you a question a uh that uh okay uh okay candidate please can you talk about higher order components okay you talk about higher order components and then say AE I am using higher order components for this this this the thing and it is very much testable also and I can write easy test cases for this just mention the word testing it automatically hits the subconscious of the interviewer that oh my God this candidate also knows about testing then the interview might ask you to write test cases write it up you know once see the initial learning curve of testing is huge right this is the graph initial learn okay so this is the graph initial learning curve is huge but then the later on it will help you a lot right when you will reach at this point you will reach very soon right within I would say you just you know in Namaste react I covered like four five hours of session four five hours of video I have for testing and that just four five hours of testing video can take you to extreme level now I'm not saying that I'm promoting or putting uh ads of my course over here uh you know you it's it's really good you can definitely check that out but if you don't want to just go ahead learn testing from anywhere you want to from the internet but learn it my dear friends okay it has a initial learning curve but later on your journey will become very smooth you can you know flaunt right you can become a dude in your interview right if you write test cases in your interview that means you are selected right I don't know a candidate who has written test case and it has not impressed any interviewers right let me repeat that statement it's a very bold statement to make if you are building a feature and then writing test cases for it in the interview you are definitely going to be selected trust me mark my words today right it builds a lot of trust and lot of senior developers will appreciate if they are taking interviews that oh my God this person also knows testing and he cares about that testing is important right a lot of developers feel that testing is not even a part of developer role no it's not a job of tester unit testing is your part I am talking about when I say testing unit testing right so let me also mention it there are thousands of types of testing right I have covered a lot in um uh my react uh course Namaste react but unit testing you should be able to do comp component testing you should be able to do uh what it say uh what is one more testing I'm forgetting the name of the testing uh basically it's testing the whole flow right the whole feature forgetting the name unit testing and then okay but then yes unit testing I'll maybe if I remember it I'll write down in comment somewhere but yes testing prepare it initial learning curve is high later on it will be very fruitful trust me trust me dear friends trust me now another important topic is async Task now interviewer can ask you to make API calls right what is asyn Task right Asing task means something which does not happen instantaneously in your application right something does not happen on render you you do it right basically Asing task also know about events right suppose if the person clicks if the person Scrolls what will happen if you scroll if you click then interview can ask you to build these features in the code right in machine coding round it is very important and now if you are giving interviews then interviews can Grill you down in Asing task right and basically I would say use effect in depth in depth you know a lot of people just know use effect that okay they know a syntax and then whenever they used to make an API call they just copy paste that code they don't understand it you don't have to copy paste understand that how use effect works behind the scenes very very important very important all the Namaste JavaScript or the Namaste react students uh you know they appreciated me earlier I used to take live classes of Namaste react uh and you know in that I used to see the feedback and the comments of the live chat it was amazing now I don't do live classes of Namaste react but I have the whole crisp beautiful built-in videos highly edited it will not waste your time you can go ahead and learn from there also right if you want to use effect in depth you should know and if you don't want to take it's okay but then I'm just telling you right uh that you can read about use effect in depth whenever you are going for interview right now API calls very important you should know how to make an API call now a lot of people ask me a should we use fetch should we use exos should we use whatever Library up to you you should know how it works huh okay Asing task promises okay you should know about promises I was teaching Namaste react to my students they don't even know promises now should I teach react or should I teach promises them right promises is part of JavaScript but as a react developer cannot skip promises cannot skip promises I have made a free video on YouTube go ahead and watch my promises videos so basically there are four videos I think first video is call back hell on my YouTube channel for free I'm giving you for free go watch it right why not it's for free come on call back hell you should definitely know about call back a lot of you know the problem is that developers have today you know students have stopped diving deep into the concepts they want to just know the superficial things they just know how to make that work they will just Google some things copy paste code and they just make the things work I'm not saying it's not good to copy paste or use Google or something but what I am saying is you should also know how things work behind the scenes right and you should know in depth go watch Namaste JavaScript season 2 episode one is call back hell you should know that call back hell will make you the make the core Foundation of promises then after call back hell see promise video then see promise chaining then see promis apis all those four videos very helpful I was building projects inside Namaste react course and I have used promises heavily over there you cannot build pro you know you cannot build large products or something in your uh what you'll say if you don't know promises and whether it is a react interview or whatever interview if you are a front end developer you don't no promise you should be shameful about yourself now it might be sounding rude for you but let me be rude but let me be honest here right so promises must no concept go check out YouTube video right what's there I'm not even asking you to purchase my course or something right so go check out my YouTube video on promises and obviously Namaste re namaste JavaScript is a gem go see Namaste JavaScript whole series it will just open your mind about JavaScript you will start loving JavaScript I bet if you watch Namaste JavaScript or Namaste react it will make you fall in love with JavaScript or react right so go check out that all free on YouTube right uh and uh but know about that right async API call when I talk about Asing Asing stuff so API call Events maybe some something like set timeout right set timeout okay my my is calling okay so okay no issues let me record the video first then I'll talk to my mom okay so set timeout set intervals all this comes interval right set timeout set interval all this comes inside Asing task okay so let us just move to another topic which is reusability modularity and testability these are keywords you have to use in your interviews whenever you are giving interviews interviewer can ask you why you are building Hodor components you can say it is reusable it is testable this is modular right and these are all coding practices right now why did I this is not a question interviewer will not ask you what is readability what is modularity what is tability no why I have bought this up is interviewer will focus on these three things suppose if you are giving a machine coding round right machine coding round machine coding round in that coding round you will write code if that code is not modular if that code is not reusable if see who know what first of all you should know what does it mean to be make your code readable you know a lot of people just know how to write code in react they don't know how to make it modular how to make it reusable how to make it readable how to make it testable right these are let me also write readable right readable right one more important these are four four important pillars when you write code and if you are giving interviews for big companies Fang companies write shitty code and they will never select you write citty code and they will never select you why because they want somebody who writes modular code what do you mean by modular breaking your code down into smaller components how do you a lot of people don't even know how to do it when to do it when to make a new component right they just keep writing they have component files which are like 200 300 lines 400 lines never keep your component five your components should not go beyond 150 200 lines of code lines in that whole file if it is going Beyond 200 that means you're doing something which can be extracted down right these all things nobody is teaching you you know and then people compare Namaste react with a lot of random other courses right this is what I want to give you this knowledge and you know a lot of people just see that okay it's a react course why a are you charging money and this much and that much and they talk about the numbers see you know please don't compare Namaste react with any other courses I don't know what other people are teaching but I want to give you these industry standard coding practices in that right and industry according to the industry standard coding practices reusability modularity testability readability are four important pillars when you are writing code not just react code any code so know how you do that in react as well right when to use a custom Hook when to use high order functions when to break down your component into smaller component how do you pass props into it how do you manage state of that component how do you manage state of the whole application these can be the questions which can be asked in interviews okay being a react developer you should definitely know this okay should not miss other thing if you are a senior engineer and you don't know about per performance I putting a star over here if you are a senior engineer who don't know about performance you are not selected right performance is the major thing of any application front end is exactly synonymous to Performance how your application is been used by millions of people suppose if you save loading Time by 1 second million of second will be saved on the internet a slow loading site is very bad for SEO also Google it if your website is load fast if your website is performant then only people will retain the user attention will be fast if you you know these days there are Concept in uh you know in a lot of companies that we will not build a loading bar right loading should not be there if your website has a loading bar that means you still have to improve lot of companies have shifted to a model where they don't even have that loading icon they don't it just loads their website just loads right they have a concept known as Shimmer UI shimar UI let me give you an example I talked about this you know you might have seen I you know you might have seen when you go to youtube.com it does not have a loading icon it just shows you a dummy dummy video uh dummy video what you'll say uh dummy videos right Gray colored uh video objects there right on the place where the video will come that is known as Shimmer UI I talk about all this in Namaste react course I have taught you how to build that how to build that that inside uh react when you are building projects talk about Shimmer UI in the your code now it has nothing to do with performance it has to do with uh ux right user experience but when it comes to Performance let me tell you a few topics you should know about lazy loading I talked about this earlier in this video as well lazy loading now you should also know asset optimization right basically if you have images how do you optimize images and this is not just about react it is about the whole web whenever you are giving a front-end interview it can be asked irrespective of a react or angular or a JavaScript interview it has independent thing about performance first thing is asset optimize how do you optimize your images how do you optimize your GS code how do you optimize your CSS code how do you write better code right write optimized code there are different level of optimizations first optimization can be done at a bundler level right basically suppose every react application uses a bundler right which is used to uh right you have lots of components then you have to ship that code so bundlers bundle that code and uh minifies your files and all that stuff that happens so bundlers this level performance can be optimized then it can be optimized on asset level then it can be optimized over uh CDN and how you serve it right at the server level right server level so there can be multiple levels of optimization if you are a senior Engineers you should definitely know this junior Engineers can still skip it right but you should definitely know you should be able to talk about server optimization bundler uh and then uh maybe writing code right writing optimized code sorry for my writing handwriting bad handwriting writing optimized code right when I say optimize code that means I have seen a lot of people they don't even clear the set time out they have random events popping up they write code in such a fashion that their website freezes your website should not freeze your Dom size should not uh increase a lot right your user experience should be really great right uh you should be able to talk about that this is very important concept if you are giving a hld high level system design interview right system design concept system design definitely will be asked in system Design Round right you you can never skip it okay so please please please go ahead and see this let me see if I'm missing on to anything inside performance right uh so when it comes to Performance it should be IM okay so I think this is good right and then rendering of the components also right A lot of people mistake mistake okay I rendering of components right please make your own notes or maybe right write this down right whatever I'm teaching you right now uh make a notebook and write all these points down prepare them right it will not take much time to read about all this this is all kind of like a theory stuff but read about it right how can you make your rendering of components fast and optimized how do you write it carefully this is important thing when it comes to Performance let me move to next topic I'm taking a lot of time I think this is the last topic I guess yes okay this notes are my earlier video notes promise video notes uh I have to just talk about this last last topic over here which I want to cover in this video come on please have that energy have you liked the video yet so much amazing information I'm giving but you haven't liked the video go ahead hit that like button hit that subscribe button I have seen you know in my analytics YouTube analytics I have seen there are 50 I think 40% of the people haven't subscribed but watch my video right almost every other person hasn't subscribed to my channel and watch the video subscribe to good channels come on I don't put shitty stuff on my channel I don't put I won't spam right subscribe hit that subscribe button on that Bell notification every video I will make is very very good right very knowledge heavy okay so let me not waste time but please subscribe and like it right when you like the video you know I get motivation now you know it I am kind of making videos it it you know I get to know by the number of likes that you like the video or not how would I get to know what is the metrics I can track please like the video Yeah it gives me motivation to make more videos share it with your friends all this knowledge is for free if you'll share it with my friends it will not help you right but then it will help me if you'll share it on social media if you write some good things about me on Twitter or LinkedIn it will appreciate me right it is like you know uh this is a social media age I am like an artist so when you go and watch an artist you clap at the end right so that like is like a clap for me right that comment your comment is like a clap for me if you write a this was a very good video I liked it right now you must be thinking a i a don't read comments no check down my comment section I read comments I put a heart small heart on beautiful comments also like it yeah come on this is like a clapping for me right or an artist right right it's like an artist only needs claps right so if you can like that button share it with your friends if I get more views I I enjoy it right that's my sort of clapping for me right um okay sorry right I am wasting a lot of your time but again styling very important thing interviewers can ask you you are building an application how do you style your application right there are various ways to style these days Tailwind is very popular right tailwind and you know what amazing thing there is a competitor of Tailwind there is something stylex which has recently came up by Facebook right when I say recently just a just a week before few days back Styx is getting very popular right now people are saying that Tailwind is dead or something I want to make a video I will write it down in the comments if you need that video I'm planning to make a video on Styx right so Facebook has come up with their new uh way of writing CSS and that is that is known as Styx search it right amazing thing talk about that in interviews right and you will make the interviewers impressed that style X has come up but Tailwind is very popular these days okay uh then there are bootstrap right bootstrap and then there is known as uh material UI and all that stuff right there are multiple ways multi material UI and then um there is known as ant UI and there is known as something by Microsoft uh what is that uh something right with Microsoft and there are lot more UI Li liaries and Frameworks out there so you can talk about them and then you can also talk about basic CSS and basic CSS scss if you want to use basic CSS scss you should know how do you write the um inline styling right so basically what I'm saying is you should know various ways you can style your application right very very important okay and you should know the pros and cons of it now the interviewer can ask you okay so uh what is the the advantage of using Tailwind over Tailwind over bootstrap or Tailwind over normal CSS CSS over inline I have asked this a lot in interviews please please please study that lot of people think that uh questions about styling are not important but as a senior engineer if you are building a project you should have a opinion that I would use this right because see uh and this this topic is mostly important for senior Engineers Junior Engineers can still skip it but if you are giving a design round or something whenever you're talking suppose if your interviewer ask you to design facebook.com so you should tell okay I will be using Tailwind for styling all my components now the interviewer will ask you why you should use Tailwind so give them pros and cons of Tailwind give them alternative options and then choose one right uh you should be able to tell why it should you use bootstrap over Tailwind or normal CSS SC CSS or right what what is your strategy about styling the components is very important because at the end of the day it is a UI application it it is visible to users and you cannot ship a feature which is not looking good whatever you see is that which what sells if your application does not look good we are living in 2024 my dear friends if you are not making websites which which doesn't look good nobody is going to use them people are obsessed with customer uh user experience if your website loads slow if your website is uh looking bad that look and feel is bad nobody is going to use it trust me and it is very important for uh interviewers also right so um people look at look for that right and the last topic one more which which is coming to my mind mind is accessibility right so some companies let me write it down okay I forgot to make a slide of it I'm just remembering it right now accessibility right accessibility right so this is another topic so some companies are very conscious about accessibility if you're going and giving interviews in Microsoft if you are not talking about accessibility if you are not writing about accessibility accessibility uh if you're not handling accessibility in your code uh that is not a negative thing but then interviewers expect you and it can give you brownie points right so why not get some brownie points why not stand out from other developers I have seen very less people who write test cases and accessibility and performance uh and security right one more thing security if you talk about performance security accessibility and testing four pillars if you talk if you even use these words in interviews impressed you can impress the interviewer whatever interview it is whether it is machine coding round whether it is your normal UI Tech round or whether whether it is a react round whether it is a JavaScript round whether it is a uh high level Design Round lowlevel Design Round manager round whatever talk about these four things let me repeat it once again accessibility testability testing how do you test your application and then performance and then security four important pillars right talk about that these are more of system Design Concepts but know it at the code level also right uh so these I think I have giving you given you enough right and I think these are the topics which I wanted to talk about I'm not just telling you interview questions I am telling you the whole topics which you should prepare and most of the interviewers interview questions come around these I have taken so many interviews trust me when I say so many you know when I was working in Uber I remember the count was more than 200 I think 230 40 I don't remember exactly but more than 200 just in Uber and then I've have taken taking interviews in PTM lending card before that it's been eight years I am taking interviews and now also I'm taking interviews right now I have also started taking interviews for some startups okay so there are startups who do not have senior Engineers to take interview of senior Engineers they want to hire senior front-end engineer so I take interviews for them I ask all these questions these all questions will only tell whether you are a good senior engineer or not whether you can go and build front-end application independently or not I have taken these so many interviews I see people struggling that is why I'm telling you all these topics learn all these topics and I bet you will clear your next react interview and if you clear that interview do write about me a little bit of credits give me a little bit of credits on social media just come down and comment if you don't want to write on social media at least ping me at least DM me at least write in comments over here share this video with a lot of people that's all I want to say in this video I have not wasted a second in this video for you and one more last thing that is a advertisement right of Namaste react if some people are if people are not interested then you can leave the video right away but people who are interested you can join Namaste react it's all recorded course right recorded why recorded why not live classes because see recorded content you can watch anytime you want to it's a very knowledge heavy course anytime you can pause the video go Google search in the if you don't know something come back or maybe code along pause the video code along with me right recorded videos gives you such flexibility which the live stream cannot in the live stream it is like just I'm just talking and you just see me coding no you have to pause the video in between code along with me right so that's why recorded videos very good I have covered in-depth concept about all these things whatever I'm talking these days right whatever I have taught over here uh whatever I have I have talked over here in this video all these topics are covered in detail over there and uh please if you if you can if you wish to you can enroll in Namaste react we also have special discounts running in I will put that special coupon code in uh for just for the YouTube audience uh uh in the uh description over there just check out with that coupon code you'll get a special discount uh and please right uh at the end I just wanted to say prepare well we you all the best I don't care whether you learn it from outside or from Namaste react or from any other resource or you just practice and Learn by yourself because I have also learned by myself okay so it is not that you just need a definitely a paid course to learn I'm not even saying that but uh go ahead and learn all these topics and crack your interview and please right and once you crack the interviews or you like this video please share it with your friends please share it on Twitter please share it on LinkedIn please share it on uh your WhatsApp channels your friends and whatever social media you use put it on Instagram story tag me up and I would love to see all of them thank you so much that will be a clap for me thank you so much for watching this video see you in the next one with much more knowledge heavy content and 2024 is coming very soon it's almost there and I will be making much more amazing videos on YouTube and see you next time thank you so much [Music]