Learning Node.js and React while building a product

Re:Learning Node.js and React while building a product by nbclark on Tuesday June 13, 2017 @12:32PM (#14546052)

One note: From what I've read, using arrow functions as props in a render method of a component will create new functions each render, so you might end up with a good bit more GC than normal. There are some nice little mix-ins that will autobind to remove the need to remember to .bind everything.

[ Parent | on HN ]

Re:Learning Node.js and React while building a product by Androider on Tuesday June 13, 2017 @01:29PM (#14546635)

Nowadays you can just stick a class property anywhere in your React component:

   handleSomething = (params) => {
     ...
   };

and the use it in your render function like this without any binding:

  <Foo onSomething={this.handleSomething}/>

[ Parent | on HN ]

Re:Learning Node.js and React while building a product by miroslavpopovic on Tuesday June 13, 2017 @04:04PM (#14548116)

Yes, class properties are the way to go.

[ Parent | on HN ]

Re:Learning Node.js and React while building a product by nbclark on Tuesday June 13, 2017 @01:42PM (#14546792)

Good suggestion - Thank you

[ Parent | on HN ]

Re:Learning Node.js and React while building a product by miroslavpopovic on Tuesday June 13, 2017 @12:41PM (#14546139)

Not using arrow functions in JSX code to define error handler. Yes, I believe you are right, that would create multiple handlers.

[ Parent | on HN ]