Please login to post an answer.
Delegation is a technique that is used in object oriented programming. This is used to show the object and the behavior of the methods that are used. The class can be created to provide an implementation of the method that allows the method to be referenced. The delegate is having the parameter and the return value in an object. It also allows the methods to be passed as parameters and allow the defining of the callback methods that can be grouped together in multiple methods. These methods can be called from a single event. The example shows a class that captures the behavior of the file and converts data from lower to uppercase.
class upcase:
def __init__(self, out):
self._out = out
def write(self, s):
self._outfile.write(s.upper())
def __getattr__(self, name):
return getattr(self._out, name)
The write() method that is used in the upcase class converts the string to the uppercase before calling another method. The delegation is being given using the self.__outfile object.
If several states need to share common data, we can lift the state up to its closest common ancestor. That means the child components will not hold any local state, instead, the parent component will hold the common state. This same state will be used by all parent and child components.
React components are the basic building block of a react application. These are like functions that take inputs and returns one react element based on the inputs. Using the components, we can split an application into reusable, independent pieces.
We can create one list without ‘key’ for each element but it will cause issues with the react component rendering the list. Even on the browser console, it will throw one error.
In spite of all front-end frameworks, React JS is gaining massive popularity with SEO friendly applications and easily understandable methodologies. It was the perfect fit for our needs. The primary reasons for its popularity are as follows:
<ul>
<li>Fast Learning Curve</li>
<li>Reusable Components</li>
<li>Quick render with Virtual DOM</li>
<li>Clean Abstraction</li>
<li>Flux and Redux</li>
<li>Great Developer Tool</li>
<li>React Native</li>
</ul>
<strong><em> Easy learning curve :</em></strong>
React is easy to learn. Anyone with a good understanding of HTML, CSS and Javascript can learn to react easily.
<strong><em> Readability :</em></strong>
React uses JSX that improves the readability of the code.
<strong><em> Performance :</em></strong>
React uses virtual DOM to update the UI that doesn’t require to update the whole webpage for every single change. That makes the application faster.
<strong><em> Reusable components :</em></strong>
We can use one component in many places without rewriting the code.
<strong><em> SSR :</em></strong>
React supports server-side rendering that improves the page load time.
