1: What is React JS ?
React JS is an Open Source Javascript Library Primarily used for forming user interfaces precisely for Singular Page Applications.Facebook Developers Created the React JS in 2011 and up to now it was widely used and garnered a large community of learners and develope
2:What are error boundaries ?
Answer : Error Boundaries are primarily used for acquiring Javascript errors anywhere in the Child Components. Logging the errors and Projecting the Fallback UI was its major Usage.
3:What is the use of ‘key’ in react list?
Answer : List Elements would be assigned with stable identity by the help of Keys.These keys are unique. Mostly the ID of the data would be used as the Key.
List Elements would be assigned with stable identity by the help of Keys.These keys are unique. Mostly the ID of the data would be used as the Key.
4:What is conditional rendering?
Answer : Based on logic rendering will happen.If particular condition is met then we shall render the page.
5:What is an event?
Answer : User Actions like Mouse Clicks, Keypress would be considered as an Event. Event Contains a set of different properties.
6:Can we create one list without using ‘key’ in react?
Answer : There is no way to create a list without key for element, if it is bound to happen there would be errors in the rendering. The browser console too throw back an error.
There is no way to create a list without key for element, if it is bound to happen there would be errors in the rendering. The browser console too throw back an error.
7:What is Lifting state up in React?
Answer : In Case of Multiple States sharing the Common data, there is a possibility to lift up the state to its Closest Common Ancestor. Parents hold the Common state where the Child do not hold any state. Child and Parent Components would use the same state.
8:What are Fragments?
Answer :
Grouping of Child Component without the use of Additional Node is called Fragment.
Grouping of Child Component without the use of Additional Node is called Fragment.
9:What are higher-Order components ?
Answer
The Higher Order Component is the function that intake a component and return a new component.For Reusing the Component logic, the higher order component function is used.
The Higher Order Component is the function that intake a component and return a new component.For Reusing the Component logic, the higher order component function is used.
10:What is StrictMode?
Answer :The Mode that is used for running additional Checks and Warnings for React Components.It do not affect production build since it runs only on development build. It would highlight the application problem in User Interface.
11: What are empty tags <> used for ?
Answer :Empty tags are primarily used to declare the fragments in React.
12: What is react Context?
Answer :Passing of Data through a tree of react components is called react context.This Context is used to share data globally between two react components.
13: What are Context provider and Context consumer ?
Answer :Provision of Values to the context is called Context provider.These values can be used by any other components in the application. Context Consumers are primarily used for reading the values.
14: What are the Benefits of using ReactJS ?
Answer :Learning curve :
Students with strong Javascript, Cascading Styling Sheet Understanding can be able to learn react with ease.
Code Readability :
The JSX Usage marginally enhances the code readability.
Performance :
The Virtual DOM presence accelerates the performance since Updating UI do not require the entire website to all single changes.
Reusable components :
Single Component can be used at multiple places at no need of code rewriting.
Server Side Rendering ( SSR ) :
The Server Side Rendering was Supported by React and it also enhances the loading time of webpages.
Students with strong Javascript, Cascading Styling Sheet Understanding can be able to learn react with ease.
Code Readability :
The JSX Usage marginally enhances the code readability.
Performance :
The Virtual DOM presence accelerates the performance since Updating UI do not require the entire website to all single changes.
Reusable components :
Single Component can be used at multiple places at no need of code rewriting.
Server Side Rendering ( SSR ) :
The Server Side Rendering was Supported by React and it also enhances the loading time of webpages.
Are you Interested In Joining ?
Attend a Free Demo Session with a sip of Coffee
15: What is meant by SSR ( Service Side Rendering )
Answer : Rendering of Web page in the server whereas usually it will be applied on browser, this process is called as Service Side Rendering.It improves the page loading speed and also performance,SEO, User Experience to Web Pages.
16: What is meant by JSX ?
Answer : The JSX is the syntax extension of JavaScript and used to create the React elements. These elements are then rendered to the React DOM.
17: What is meant by virtual DOM in the React?
Answer : Real DOM Manipulation would make the application much slower, there would be a Virtual DOM for every assigned Real DOM. Virtual DOM offers similar features and it can be Manipulate much faster than Real DOM.
18: Is there possibility to read JSX Files ?
Answer :JSX is dissimilar to the Javascript, Since browsers only read Javascript files. Babel is primarily used to transform JSX code into the Javascript Objects.
19: What is meant by React component?
Answer :The Building Blocks of React Application are Called React Components.It is basically a function that takes the inputs which are called as props would return back the elements of react that should need to be projected on the screen.Components let you to split the UI into Independent and Reusable Pieces.
20: Mention the types of React component ?
Answer :The major two types of Components in the React are
The first one is called as Function Component
The Second one is known as Class Component
The first one is called as Function Component
The Second one is known as Class Component
21: What do you mean by Function and Class Components ?
Answer :Brief about the Function Component
The Javascript Functions where a react element would be returned with the input properties are called Function Component.
Class Component
The Javascript ES6 class that extend to React.Component are called Class Component.
The Javascript Functions where a react element would be returned with the input properties are called Function Component.
Class Component
The Javascript ES6 class that extend to React.Component are called Class Component.
22:Mention the cases that React needs a Class Component ?
Answer :
When dealing with state wise or life cycle methods, the Class components in the react would be used.
When dealing with state wise or life cycle methods, the Class components in the react would be used.
23:What is meant by React State?
Answer :The Object that defines the rendering and behaviour of component is React ‘State’. Component private party is the state and also stores information that changes over time of the component. Regarding the state value, UI would be updated by react components.
24:What do you mean by React props?
Answer :For passing the data to a component the props are used. Single or Multiple values can be passed to the component.It is primarily used for passing component data and make any changes in the state.
25:Explain between React State and Props ?
Answer :The Duo State and the Props holds the information about the react component.State objects are available inside the component.In other hand props are utilized to send data from component to another component.
26:How to update state in react ?
Answer :State can be updated Directly or Indirectly. If there is a case to update directly, the UI Element that was linked to the state would not be Updated. The best way to do that is use setState method, this involves the Updation of State Object and Automatic re rendering of the Component.
27:What is a stateless component?
28: What is a stateful component?
29:What are createElement and cloneElement?
30:How does ‘setState’ function work?
31:What is Redux?
To Activate the Redux,Middleware() method was applied.
32:What is meant by Flux ?
Flux is generally an illustration which is useful in managing the single directional data stream. These are meant to be controlling the data fragments and make them to interfere with the data without issues.Flux is not specified to any react application or collection of react application
33:What do you understand by the term polling?
34:What are the reasons behind the success of ReactJS?
35:Mention the key benefits of Flux?
36:What is meant by Synthetic Events ?
37:What is meant by DOM diffing?
38 : What are createElement and cloneElement?
Answer :There is a need of one JSX Element which helps the task to be completed easily, if there is the existence of multiple expressions the process would get slow, people who are new to the technology would get confused if there are multiple expressions present in it.
40:How React Actually Works ?
Diffing algorithm would be run by React to identify changes that need to be made in Virtual DOM.
The next step would be used to update the DOM as per new features which is Reconciliation.
Virtual DOM that is too light in nature would be detached from specific implementations of the browser.
Virtual DOM Elements would be used to build basic nodes
After the Component Change in State, Diffing algorithm would run quicker and identify changes.After the changes has been identified, it would automatically update the DOM with the Change difference.
41:Does ReactJS use HTML?
42: What are the limitations faced by React JS ?
ReactJS too holds lot of limitations like other platforms, the major drawback would be the library size, being complex would create a lot of uncertainty among the code developers.The inline templating with JSX also adds voice, most importantly the one only one layer of app is covered.In order to develop the app, developers rely on multiple technologies that take time.
43:What are controlled and uncontrolled components in React JS ?
An Uncontrolled Component stores its own state internally and need to query the DOM using a reference to find the current value when you need to find it, it is similar to the HTML.
