React Newsletter #117

Building event handlers in React, the React state museum, and the eeal-time editable datagrid in React


Articles

The best way to bind event handlers in React

Binding event handlers in React can be tricky (you have JavaScript to thank for that). In this post, you'll explore the common ways of creating event bindings in React, and you'll learn their pros and cons.

The React State Museum

A fun and informative approach to all the different state management libraries for React.

Real-time Editable Datagrid In React

Real-time editable data table is vital in data-driven or line of business React applications. This post shows you how to build it in 5 minutes using react-table and Hamoni Sync.

Ditching setState for MobX

How to leverage observables, observers, computed properties, autorun & more to supercharge & simplify your React workflow.


Tutorials

Building forms using React — everything you need to know

Forms are integral to any modern application. They serve as a basic medium for users to interact with your app. In this tutorial, you're going to look at how React handles forms. You'll cover not just the basics, but also form validation and best practices too — even experienced developers get certain details wrong.


Sponsor

Learn Microservices with Docker, Flask, and React

In this course, you will learn how to quickly spin up a reproducible development environment with Docker to manage a number of microservices. Once the app is up and running locally, you’ll learn how to deploy it to an Amazon EC2 instance. Finally, we’ll look at scaling the services on Amazon EC2 Container Service (ECS) and adding AWS Lambda.


Projects

proton-native

Create native desktop applications through a React syntax, on all platforms.

compose-state

compose-state is a library that composes multiple state updaters in React, without the overhead of a formal state manager like Redux. compose-state works with the standard setState parameters – objects or functions – so you don’t have to learn any new syntax to get started. Also compatible with React’s new getDerivedStateFromProps lifecycle method.


made with ❤️ by ui.dev