---
title: "The best way to bind event handlers in React"
publication: "React Status"
issue: 87
published_at: "2018-05-11"
canonical_url: "https://react.statuscode.com/issues/87"
---

This week's React news       

#87 — May 11, 2018 

[Read on the Web](https://react.statuscode.com/issues/87)   

react status 

[![\](https://res.cloudinary.com/cpress/image/upload/w_800/jjifmcjrahoc5s6cm8rn.jpg)](https://github.com/GantMan/ReactStateMuseum)  

[The React State Museum](https://github.com/GantMan/ReactStateMuseum) — An interesting code-led tour of different React state management systems by example. There’s also [a writeup of the key differences](https://hackernoon.com/the-react-state-museum-a278c726315), if you prefer a summary. 

Gant Laborde   

[The Best Way to Bind Event Handlers in React](https://medium.freecodecamp.org/the-best-way-to-bind-event-handlers-in-react-282db2cf1530) — Explores common ways of creating event bindings in React, their pros and cons, plus the author’s favorite approach. 

Charlee Li   [![\](https://copm.s3.amazonaws.com/914d7646.png)](https://welcome.linode.com/react/?utm_source=cooperpress&utm_medium=sponsored&utm_campaign=react-weekly-primary) 

[Linux Cloud Hosting Starting at 1GB of RAM for $5/mo](https://welcome.linode.com/react/?utm_source=cooperpress&utm_medium=sponsored&utm_campaign=react-weekly-primary) — Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Get $20 credit on a new account. 

Linode Cloud Hosting sponsor   

[Guess.js: A Toolkit for Using Data To Improve User Experiences](https://blog.mgechev.com/2018/05/09/introducing-guess-js-data-driven-user-experiences-web/) — An interesting project that can use data from Google Analytics combined with machine learning to intelligently pre-fetch resources. 

Minko Gechev   

['My Struggle to Learn React'](http://bradfrost.com/blog/post/my-struggle-to-learn-react/) — A respected veteran Web designer admits he’s found getting his head around React ‘a hell of a time’ – something we suspect a lot of people have thought but not said. 

Brad Frost   

[JSX Can Do That?](https://medium.com/@pomber/jsx-can-do-that-1b2666c23a32) — A brief (re)introduction to JSX followed by some ‘unusual’ uses including using it to do math, FizzBuzz, and [merge sort.](https://codepen.io/pomber/pen/yjzQMy?editors=0012) 

Rodrigo Pombo   

[Ditching setState for MobX](https://medium.com/react-native-training/ditching-setstate-for-mobx-766c165e4578) — How to leverage observables, observers, computed properties, autorun and more to simplify your React workflow. 

Nader Dabit   

[Using TypeScript with React Native](https://facebook.github.io/react-native/blog/2018/05/07/using-typescript-with-react-native.html) — Some pointers for getting started on the official React Native blog. 

Ash Furrow   

[Whitepaper: What Should Developers Consider When Planning a React App?](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=brieflink) 

Progress Kendo UI sponsor  

💻 React Jobs  

[React Expert? Sign Up for Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-24218) — Top companies use Vettery to find the best tech talent. Create your profile to get started. 

Vettery   

[Senior Software Engineer (NYC)](https://www.helloalfred.com/openings?gh_jid=679035&gh_src=nklojydf1) — Hospitality/tech platform focused on building help into our homes. React, React Native, Node, TypeScript, PostgreSQL. 

Hello Alfred  

📘 Tutorials  

[Testing your React App with Puppeteer and Jest](https://blog.bitsrc.io/testing-your-react-app-with-puppeteer-and-jest-c72b3dfcde59) — How to use Puppeteer and Jest to perform end-to-end testing on your app. 

Rajat S   

[Building a Cryptocurrency App using React, React Router v4 and Laravel](https://quantizd.com/building-react-app-using-react-router-v4-and-laravel/) 

Waleed Ahmad   

[Free Online Course: M001 MongoDB Basics](https://university.mongodb.com/courses/M001/about?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=20180511&utm_medium=display&utm_source=reactstatus) — Learn the fundamentals of MongoDB and become a full stack expert. 

mongodb sponsorcourse   

[Building a Progressive Web App in React](https://blog.truthlabs.com/building-a-progressive-web-app-in-react-11c77a7fccb3) — High level pointers if you’re considering building a PWA including a [sample one-file app that uses Firebase](https://gist.github.com/sconstantinides/49d3a63611b4b445841bc7f533a062ae) for data storage with offline support. 

Stelios Constantinides   

[How to Build a Real-Time Editable Datagrid](https://dev.to/pmbanugo/real-time-editable-datagrid-in-react-56ad) — .. [using react-table](https://react-table.js.org/#/story/readme) and Hamoni Sync, a realtime state synchronization service. 

Peter Mbanugo  

🔧 Code and Tools  

[React Reduction: An Admin Panel Template Built with React and Bootstrap 4](https://github.com/reduction-admin/react-reduction) 

Reduction Theme   

[Material-UI: React Components That Implement Google's Material Design](https://github.com/mui-org/material-ui) — Not new, but there’ve been a lot of betas lately as this approaches a final 1.0 release. 

Material-UI   

[compose-state: Compose Multiple State Updaters](https://github.com/tvler/compose-state) 

Tyler Deitz         

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom