September 2024: React 19 Updates and Custom React DevTools for Better Development
React may be over 11 years old, but it seems to be going stronger than ever.
Hi folks,
I hope you’re doing well as we begin to change seasons (summer to fall in my corner of the world).
We had about a week of cooler weather here, just enough to make me look forward to fall, then the temperature abruptly climbed back into the 90s and 100% humidity (aka “Second Summer”).
But enough about that, the month of September afforded me the chance to talk to some fascinating people in the React web development space thanks to my co-hosting position with LogRocket, and I published a new blog about all the features packed into ES6 string template literals (their many applications might surprise you!).
Let’s get going.
This month, I interviewed two great folks in the React JS world on the LogRocket podcast, Shruti Kapoor and Cory House, and participated in a new panelist episode!
My first interview of the month was with Shruti Kapoor, lead member of Technical Staff at Slack, who discussed all the new features and updates in React 19. Shruti goes into detail about enhanced form handling and the introduction of React Actions and the React Compiler. She offers valuable insights and advice for developers eager to leverage the latest advancements in React.
I also had the good fortune to talk with React and JavaScript expert Cory House, who discussed the creation of custom development tools for React applications. Cory shares highlights from his recent talk at React Rally, and he explores how the right tools can shape development workflows and enhance automated testing strategies.
To wrap up the month, I and my fellow hosts reprised our roles as panelists sharing our opinions on the latest tools and frameworks, AI integration, the performance bottlenecks of server-side rendering, and more. If you like hot takes, tech we’re excited about, and a quick rant or two, you should enjoy this episode.
Bottom line: I feel very fortunate to have the chance to talk with some of the brightest minds in the web development world thanks to PodRocket (and share my own thoughts from time to time), and I hope you’ll tune in to hear about the fascinating advancements these folks are making.
I published the fifth post in my blog series on JavaScript ES6 features, and it goes in depth on string template literals.
JavaScript’s ES6 syntax has been around for years now, but there are still plenty of developers for whom JavaScript is a mystery — or at the very least, a little less understood.
In 2019, I wrote a bunch of posts about ES6 features I use regularly to provide short, in-depth explanations about various improvements to the language that I hope will inspire readers to build more cool stuff.
In past months topics like arrow functions, default function parameter values, and many uses of the spread and rest operator have been covered.
This month the focus is on the humble string template literal and its myriad of uses. In addition to being more readable than lots of strings duct taped together with plus signs, string template literals allow for expression interpolation, nesting templates, and tagged templates.
Don’t recognize some of the terms I just tossed out? Check out my article that goes deep into string template literals and refresh yourself.
Each month in this newsletter, I’ll highlight the next blog post in the series, but if you’re curious you can always go to my website and type “ES6” in the blog page search.
I hope you enjoyed this month’s edition of “Paige Codes.” Please share with your friends if you did.
See you again at the end of October,
- Paige
Not subscribed yet? No worries.
I send a free email every month or so. You can check out my archive, or sign up below: