#314 React's UI State Model vs Vanilla JavaScript DOM State

sponsor

How to Build Forms with React the Easy Way

Building forms with React can be frustrating. TJ VanToll demonstrates how you can tackle some of the key challenges with the help of the KendoReact Form component. Read on to learn how to simplify state management, integrate with custom components such as date pickers, and implement robust form validation.

this week's favorite

React's UI State Model vs Vanilla JavaScript DOM State

This article is aimed at beginners who've never had the chance to see 'why React'. It takes a very contrived example to make a point about how React's declarative state model could help keep state sanity when code scales.

How to build your React portfolio projects like a pro

Let me guess: You've been learning React for a while already. Now it's time to build a portfolio of advanced React projects. And you're looking for inspiration.

How to use finite state machines in React?

Finite state machines in React might be an unusual topic since they are not often linked with frontend development. However, I have this really awesome trick that works miracles in complicated software projects, especially by boosting security.

Why you should avoid using state for computed properties

I have often seen many people (including my past self) creating state variables for any kind of value that can change across renders including the ones that can be directly dervied from existing state or props. This pattern can often lead to some nasty and hard to debug state synchronization bugs, which can be easily avoided by computing those properties on the fly instead.

5 code smells React beginners should avoid

As a mentor to frontend beginners who have come from a myriad of different backgrounds, including bootcamps and other non-traditional education paths, I have observed many different approaches to coding in React. Part of the beauty of React is that it is generally pretty unopinionated relative to frameworks like Angular and Vue. This makes it flexible enough to plug into lots of existing code bases written in different frameworks. Additionally, it inspires a plethora of community libraries for different use cases, thereby pushing the whole industry forward.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.