The Biggest Change in React 17 That No One Is Talking About

Even though React 17 has “no new features,” there was actually a pretty big change if you’re a fan of function components. Take a quick look at the Biggest Change in React 17 That No One Is Talking About.

I love function components and React Hooks. My first article on Medium used the useState hook, and I still think useState is fantastic.

I don’t even mind wrapping my brain around useEffect for loading data. (Of course, we now have React Query version 3 as a fantastic alternative to useEffect for data fetching.)

While there are reasons you might want to keep writing class components and using lifecycle methods in 2021, I don’t plan to.

Since I’m all-in on function components and React Hooks, I was surprised when I found out about a major change in React 17 that is going to affect every new component I write.

You may have missed the change, too, since the headline for React 17 was, and I’m quoting: “No New Features.”

“The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself.” — React 17 Announcement by  Dan Abramov and Rachel Nabors

I’m not even one to read release notes usually. I prefer writing new tutorials to stay “up-to-date” with dozens of technologies that are constantly changing. Writing keeps me focused on problems and use cases instead of feeling overwhelmed by the paradox of choice.

But I’m glad I read these release notes, because the change has to do with a core feature of how React works under-the-hood: the JSX transform resulting from the import React from "react" statement.

javascript

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

JavaScript Shopping Cart - javascript shopping cart tutorial for beginnersBuy me a coffee 🍺 https://www.paypal.com/paypalme/ziddahSource Code: https://bit....

The essential JavaScript concepts that you should understand - For successful developing and to pass a work interview

JavaScript data types are kept easy. While JavaScript data types are mostly similar to other programming languages; some of its data types can be unique. Here, we’ll outline the data types of JavaScript.

Introduction With Basic JavaScript - Unlike most programming languages, the JavaScript language has no concept of input or output. It is designed to run as a scripting language in a host environment, and it is up to the host environment to provide mechanisms for communicating with the outside world.