Introduction to React.js | Arrow functions

-
Debugging using Javascript Arrow functions:

Arrow functions are similar yo lambda expressions which define an implication of a varuiaINLE(IE,METHOD IN THIS case)toa block a code Arrow functions are very useful because they store information of the object which called the mehod using the "this' operator.



For example: 


myFunction = (param1,param2) => {
//Block of code
//this is visible here
};


If you use normal methods, to execute the function, we have to bind the function, in the constructor function. This is the function which is called when the object is created.

Comments

Post a Comment

Popular posts from this blog

FTP, cURL and Linux Intro

-
FTP, cURL and Linux Intro FTP(FIle Transfer Protocol) The FTP protocol consists of two connections Control connection Data Connection The control connection is run on port 23 and it authorizers and authenticates the client and the server after both the client and server are authenticated, The data ia sent over port 21 on the data connection After the file is uploaded or any other file operation is performed the data connection is closed After the data connection is closed, the control connection is closecd CURL CURL stands for Connect URL (Uniform Resource Locator).It is used my most Operations now-a-dayssince it s simplicity, reliabily and multitasking. The few operating systems which have support of installing CURL are Windows 10, Windows11 ,Linux,etc. Let us take an example to see how CURL works Steps: ...
Read more

Introduction to React.js | Props and Functional Components Advanced

-
Introduction to React.js | Props and Functional Components Advanced Some important points: To pass objects o1 and o2 from one component tyo another: <ParentComponent> <ChildComponent o1={v1} o2={v2} /> </ParentComponent> Here, o1 and o2 are accessed in the child component as "this.props.o1" and "this.props.o2" To cfreate code treusability and prevent error propagation whilst usiung thje features of unit tetsing, use functional components which take one or more argumenyts as props. For example, to define three buttons using the same set of code, function button(props) { return ( {this.props.color} ) }; export default button;
Read more

Regular Expressions in JavaScript

-
Regular Expressions in JavaScript Implemeneting regular expressions in Javascript: use str.replace(/[0-9]/gi,"a"); if th estr contains ab09, then the above function will return str=abaa Every regular expression has two properties:- g - It specifies that all the matching characters should be replaced. If g is not soecified ponly the first matching charcter will be replaced i - The i stands for ignore case i.e.if the regular experession is /[a-c]/i,"d" the the str="aAbBcC" will be transforemed to str= "dddddd" Both the lowercase and upperecase characters will be transformed. If i is not psecified, on.ly the lowercase charcaters will be transformed. for example, if regularn expression in /[a-c]/, the the string will become "dAdBdC" .
Read more