i dont mean to be offtopic but does someone know a way to get back into an Instagram account..? I somehow forgot my account password. I would appreciate any tricks you can offer me
There are some question i faced n i am not able to answer them properly. It will better for all of us if you cover the below question also. 1) why setState is async. 2) how dirty checking works in react. 3) difference between directy checking in angular and React 4)virtual dom or dirty checking wch on is better performane wise. 5) some question based on architectural level.
setState is async because setStates are batched for performance gains ALSO it allows you to use a callback function after you use setState for example this.setState({ foo: bar }, () => { return "I came after the setState because of async!" } );
The questions and explanations are pretty good, the only missing part is the pictorial representation or some code examples would be nice. Thanks and keep up the good work
12:05 why not ask this question? because it is not ellegant coding to use in line css. you can have a specific css file for each component, have css modules like already mentioned, and keep codnig style cleaner and easier to maintain.
If you're an upcoming interviewee, and the question in this video "What are React Patterns?" doesn't make much sense to you, that's because this question is a bit nonsensical (and not in a tricky interview way). It also doesn't help that the three examples given are only bullet points, and they are hardly given any more context. This question could be much better worded as "What are some design patterns used in React for Component structuring and data handling / logic encapsulation?". Then, the answers that are given in this video make a little more sense. All of the videos in this series are great, this just happens to be a little slip-up. No worries!
You have a valid point that some of these questions should be more specific. However , in interviews these days , interviewees often keep the question bit abstract. This is to see how you deal with abstract requirements. For example , in a recent interview I was asked "how browser works", "My website is slow, why?" , "what is react?" , "how react handles events".
Please explain... How to pass the value from one component to other.. How to use single button component to use for different components for different functions and name.. List of React hooks.. Component lifecycle.. How to send the data to other component without props by using should..
1) to pass values to components. - You can use contex api - Use redux - Pass a props from parent to child. 2) You can use single Button Component by importing it to other components 3) I have tutorial on lifeCycle hooks also in the first part of this series i expalin that in detail. 4) react hooks -> useState, useEffect, useReducer.....
Thanks. These videos are extremely helpful. I just want to challenge you on that last answer though - isn't there a distinction between CSS-in-JS and inline CSS (i.e. passing a style object into the style prop of an element)? From what I can tell, CSS-in-JS libraries (styled-components, emotion, aphrodite etc.) create an actual stylesheet, as opposed to just inlining the CSS, which allows you to use pseudo selectors and elements like ":hover" and ":after".
CSS-in-JS means you use CSS as JavaScript Objects. which will eventually endsup setting style attributes which means in-line styles. That is the objective of CSS-in-JS so there is not conflict between other elements. Style-component is very different. it uses tagged templates and under-the hood its actually creating classes with unique names. these are new way of doing things. Which means it can create conflict with other elements , as you know classes are global s. that means its not following the CSS-in-JS pattern strictly.
@@Techsithtube Just to add to this comment - emotion creates its styles with a call to createStylesheet() which allows it to function as a real CSS stylesheet with cascading ability as well
Hi sir one question regarding react js. I am always facing issue of cache when new build is deployed. I won't get updated code until unless refresh the browser. I am strongly believes that I get answer from you. Please help me out sir . Thanks in advance
These are very helpful so thank you. One way they could be even better though is if you showed snippets of code as examples for the different patterns, etc.
I have a doubt in the second question. Best lifecycle method for making API calls? In the explanation, you said DOM should be ready. Why should the DOM be ready?
Sreeja, imaging if you make an api call to get some data and then you want to attach it to some DOM element. if your DOM is not loaded it would be not possible. so always wait for DOM to be ready before making an api call . There are special cases where you may not needed if you are not manipulating DOM
I have a followup doubt then 😅 If I assume it is not possible to attach data without DOM. For experiment i) I can take a example json data loaded in my react component itself, without fetching it from a API, and ii) I can set it in State and render it. And I know for sure that it will render. So is it correct that we need DOM needs before data? But thanks for the videos, I have learned a lot about javascript from you since I started my career as a software engineer 2.5 years ago ❤️
What gets me is when interviewers are using old patterns that aren't even necessary anymore, so I don't use them at my job day to day. For example, "presentational component" isn't a meaningful distinction anymore since hooks can let you perform state changes in functional components. I work on apps with no class components at all but then answer questions that seem so archaic to me now. That's another reason why this isn't a good question. In fact, stop asking me questions and let's just code.
I agree with you , the issue is you cant control what interviewr is going to ask so I suggest to prep for old stuff anyway so that you can ask any question.
React is a UI library for manipulating DOM with some other functionality. If you want to have visualization for ML/AI , react is for you , but its not going to be computationally effective for actual ML!
Hi sir you are really awesome. I need a help to create a circular range slider in react native version 0.59 . I have used some npm packages for that but i am not able to do that please help me out of this.
@@Techsithtube actually i am using this www.npmjs.com/package/react-native-circle-slider. it throws the error something like that method.bind is not a function. I am using the steps provided in the given link i am using react native version 0.59 and react-native-svg 9.3.0
** Questions on react? Join: facebook.com/groups/ reactLearning/ **
i dont mean to be offtopic but does someone know a way to get back into an Instagram account..?
I somehow forgot my account password. I would appreciate any tricks you can offer me
After a year working with React these questions were very easy, I'm glad i'm on the right track :D
I think react is very easy if you understand the fundamentals.
This has made me feel very good about my upcoming interview and I'm not a junior! Says a lot about your teaching style, thank you!
There are some question i faced n i am not able to answer them properly. It will better for all of us if you cover the below question also.
1) why setState is async.
2) how dirty checking works in react.
3) difference between directy checking in angular and React
4)virtual dom or dirty checking wch on is better performane wise.
5) some question based on architectural level.
setState is async because setStates are batched for performance gains ALSO it allows you to use a callback function after you use setState for example
this.setState({ foo: bar }, () => {
return "I came after the setState because of async!" }
);
There is no dirty checking in react, it's something from angularjs
The questions and explanations are pretty good, the only missing part is the pictorial representation or some code examples would be nice.
Thanks and keep up the good work
12:05 why not ask this question? because it is not ellegant coding to use in line css.
you can have a specific css file for each component, have css modules like already mentioned, and keep codnig style cleaner and easier to maintain.
If you're an upcoming interviewee, and the question in this video "What are React Patterns?" doesn't make much sense to you, that's because this question is a bit nonsensical (and not in a tricky interview way). It also doesn't help that the three examples given are only bullet points, and they are hardly given any more context.
This question could be much better worded as "What are some design patterns used in React for Component structuring and data handling / logic encapsulation?". Then, the answers that are given in this video make a little more sense.
All of the videos in this series are great, this just happens to be a little slip-up. No worries!
You have a valid point that some of these questions should be more specific. However , in interviews these days , interviewees often keep the question bit abstract. This is to see how you deal with abstract requirements. For example , in a recent interview I was asked "how browser works", "My website is slow, why?" , "what is react?" , "how react handles events".
great point bruh!!!
Please explain...
How to pass the value from one component to other..
How to use single button component to use for different components for different functions and name..
List of React hooks..
Component lifecycle..
How to send the data to other component without props by using should..
1) to pass values to components.
- You can use contex api
- Use redux
- Pass a props from parent to child.
2) You can use single Button Component by importing it to other components
3) I have tutorial on lifeCycle hooks also in the first part of this series i expalin that in detail.
4) react hooks -> useState, useEffect, useReducer.....
Keep up the good work 👍
thanks for watching!
Great job on these videos. I've only worked w/ React in my side projects at home, and feel pretty comfortable w/ interviewing.
Thanks. These videos are extremely helpful.
I just want to challenge you on that last answer though - isn't there a distinction between CSS-in-JS and inline CSS (i.e. passing a style object into the style prop of an element)? From what I can tell, CSS-in-JS libraries (styled-components, emotion, aphrodite etc.) create an actual stylesheet, as opposed to just inlining the CSS, which allows you to use pseudo selectors and elements like ":hover" and ":after".
CSS-in-JS means you use CSS as JavaScript Objects. which will eventually endsup setting style attributes which means in-line styles. That is the objective of CSS-in-JS so there is not conflict between other elements. Style-component is very different. it uses tagged templates and under-the hood its actually creating classes with unique names. these are new way of doing things. Which means it can create conflict with other elements , as you know classes are global s. that means its not following the CSS-in-JS pattern strictly.
@@Techsithtube Just to add to this comment - emotion creates its styles with a call to createStylesheet() which allows it to function as a real CSS stylesheet with cascading ability as well
Hi sir one question regarding react js. I am always facing issue of cache when new build is deployed. I won't get updated code until unless refresh the browser. I am strongly believes that I get answer from you. Please help me out sir . Thanks in advance
Awesome Sir. Thanks a lot. waiting for more react redux interview questions session.
The forth part of this series would cover redux
These are very helpful so thank you. One way they could be even better though is if you showed snippets of code as examples for the different patterns, etc.
Lee, thanks for a suggestion. I will take that approach in the next video
I have a doubt in the second question. Best lifecycle method for making API calls? In the explanation, you said DOM should be ready. Why should the DOM be ready?
Sreeja, imaging if you make an api call to get some data and then you want to attach it to some DOM element. if your DOM is not loaded it would be not possible. so always wait for DOM to be ready before making an api call . There are special cases where you may not needed if you are not manipulating DOM
@@Techsithtube Got it! Thank you.
I have a followup doubt then 😅 If I assume it is not possible to attach data without DOM. For experiment i) I can take a example json data loaded in my react component itself, without fetching it from a API, and ii) I can set it in State and render it. And I know for sure that it will render. So is it correct that we need DOM needs before data? But thanks for the videos, I have learned a lot about javascript from you since I started my career as a software engineer 2.5 years ago ❤️
excellent information for the interview prep.
One query:
Which way is best to pass the data(values) from one component to others for beginners ?
Props
Redux
For beginners props are good way
css modules in last question, it helps in achieving the same thing
Nice video!!!
Thanks for such a nice video
How would you telling react is a single page application.
Thanks for this video! I have been working with React for a while but it is really good to know what I am still missing :)
what are high order components??
I do have a video on higher order components . th-cam.com/video/A9_9gQIkfx4/w-d-xo.html
What gets me is when interviewers are using old patterns that aren't even necessary anymore, so I don't use them at my job day to day. For example, "presentational component" isn't a meaningful distinction anymore since hooks can let you perform state changes in functional components. I work on apps with no class components at all but then answer questions that seem so archaic to me now. That's another reason why this isn't a good question. In fact, stop asking me questions and let's just code.
I agree with you , the issue is you cant control what interviewr is going to ask so I suggest to prep for old stuff anyway so that you can ask any question.
@@Techsithtube Yeah, that's for the best, it's just a bit annoying. Oh well
As always, I learn something from all your videos! Great job.
Is react work in ML/ AI?
React is a UI library for manipulating DOM with some other functionality. If you want to have visualization for ML/AI , react is for you , but its not going to be computationally effective for actual ML!
Thank u very much'
You are most welcome
Thank you
Thank you!
What is the difference between React and React-Dom
React is the core react library that can be used without DOM. React-Dom is the one that allows react to interact with the browser DOM.
You're hero 💯
Thanks for an awesome comment Qwai.
Hi sir make the interview tutorial on node js
I think that would be a great series. I will plan for it. Thanks for suggestion.
thanks for this!
Our pleasure!
Do you agree that React Ducks is an example of a React Pattern?
Awesome! thanks for covering a wide range of topics within React.
the third part of the series is coming next on Wednesday. Keep on learning!
Hi sir you are really awesome. I need a help to create a circular range slider in react native version 0.59 . I have used some npm packages for that but i am not able to do that please help me out of this.
@mohit what is the issue with the package that you are using?
@@Techsithtube actually i am using this www.npmjs.com/package/react-native-circle-slider. it throws the error something like that method.bind is not a function. I am using the steps provided in the given link i am using react native version 0.59 and react-native-svg 9.3.0
REACT PWA ?
Thank you!