ReactJS

State of React - What's new in the React ecosystem?

Published Jan 4, 2022

Updated Jan 30, 2023

2 min read

This article was written over 18 months ago and may contain information that is out of date. Some content may be relevant but please refer to the relevant official documentation or available resources for the latest information.

We recently wrapped up our highly anticipated State of React which featured a group of powerhouse developers.

If you were unable to make it, don't worry, we have you covered! In this article, I'm going to share with you some of the key takeaways from the event. If you want to watch the event to be up to date on everything that happened, check out State of React on Youtube!

Before we get into the highlights, let me introduce our host and panelists.

Host

Our host for State of React was our very own Dustin Goodman! You can find him on Twitter as @dustinsgoodman!

Panelists

Joining Dustin was:

👉 Aakansha Doshi - Excalidraw, ex HackerRank - @aakansha1216 - React 18 Working Group Member

👉 Shaundai Person - Senior Software Engineer @ Netflix - @shaundai - React 18 Working Group Member

👉 Tanner Linsley - VP of UI/UX @ nozzle.io - @tannerlinsley - ReactQuery & React 18 Working Group Member

👉 Dominik Dorfmeister - @TkDodo - react-query maintainer

👉 Mark Erikson - Software Engineer @ Northrop Grumman - @acemarke - Redux maintainer

👉 Ian Sutherland - Maintainer of Create React App - Node.js collaborator - Principle Software Engineer @ Neo Financial - @iansu

👉 Delba de Oliveira - Developer Advocate @ Next.js & Vercel - @delba_oliveira

Key Takeaways

React Query will work without an internet connection in v4
Tracked Queries will be turned on by default in v4
- Look for React Query v4 some time next year!
React Location makes storing state in the URL incredibly easy
Create React App has JUST released v5.0 with tailwindcss out of the box
Nextjs compiler support for react 18
Redux toolkit
- SSR Support
- RTK Query mutation status values can be shared across components via 'fixedCacheKey'
- createSlice now lazy-creates reducers
React-Redux v8
- typescript conversion and removed legacy options
- API cleanup
- React-Redux v8 is still in beta
RxJS
- Huge bundle size changes with #rxjs v7. It's almost half the size of v6
- Better typings
- Multicast simplified
- Cleaner way to create connectables
- Improved retry ergonomics
- Is now at over 30m downloads a week!

Keep an eye out for some amaing events coming early in the new year! You can follow us on Twitter at @ThisDotMedia for future updates!

This Dot is a consultancy dedicated to guiding companies through their modernization and digital transformation journeys. Specializing in replatforming, modernizing, and launching new initiatives, we stand out by taking true ownership of your engineering projects.

We love helping teams with projects that have missed their deadlines or helping keep your strategic digital initiatives on course. Check out our case studies and our clients that trust us with their engineering.

About the author(s)

Tyrel Chambers
Software Engineer passionate about developing cool ideas and pizza
@imtyrelchambers @tyrelchambers

Kent C. Dodds on Why he Traded Angular for React, Launching EpicWeb.dev, + What’s Next for EpicReact.dev

Kent C. Dodds joins Tracy Lee and Rob Ocel at THAT Conference-WI for a discussion about his journey from being an Angular developer to becoming a leading figure in the React community. Kent shares his motivations for making the switch, detailing how React's focus on JavaScript fundamentals and its incremental adoption of new features appealed to him. He also reviews his current and upcoming projects, including the launch of EpicWeb.dev, a comprehensive platform designed to provide end-to-end web development education. Kent talks about the updates coming to EpicReact.dev, including a new tutorial where developers can build useState and useEffect from scratch, aimed at deepening their understanding of React hooks. Chapters 00:00 Introduction and Background 02:41 Preparing for a 90-Minute Keynote 05:37 Writing a Book and Other Projects 08:04 Surrounded by Ambitious People 09:01 Personal Stories and Balance 10:22 Lessons from Domo and Joe Eames 11:21 Learning from Experienced Engineers 12:41 The Importance of Surroundings 13:33 Choosing the Right People to Associate With 14:46 Kent's Organizational Skills 15:41 Balancing Work and Family 17:06 Committing to Big Things 18:04 Avoiding Burnout and Assessing Priorities 19:26 Sharing Personal Stories in Talks 20:21 Finding Effectiveness and Efficiency 21:17 Dealing with Burnout and Overwhelm 22:46 The Entrepreneurial Mentality 23:15 Running to the Top and Figuring It Out 24:14 Kent's Various Projects 25:41 Transitioning from Angular to React Follow Kent C Dodds on Social Media Twitter: https://x.com/kentcdodds Linkedin: https://www.linkedin.com/in/kentcdodds/ Bluesky: https://bsky.app/profile/kentcdodds.com GitHub: https://github.com/kentcdodds EpicWeb.dev: https://www.epicweb.dev/ EpicReact.dev: https://www.epicreact.dev/ Learn More About THAT Conference Wisconsin 2024: https://thatconference.com/wi/2024/ Listen to this episode here. Sponsored by Wix Studio...

Aug 14, 2024

2 mins

AngularReact

The Journey To Making A New Framework: TanStack Start with Tanner Linsley

Danny Thompson, Director of Technology at This Dot Labs, talks with Tanner Linsley, Creator of TanStack, about his latest project, TanStack Start. They discuss the challenges of existing frameworks like Next.js and Remix, the development of TanStack Router, and the future of React Server Components. Tanner also explains how caching strategies and fine-grained invalidation can transform the user experience. Chapters - - Introduction & Tanner’s Background (00:00) - Going Full-Time on TanStack (01:00) - The Birth of TanStack Router (02:21) - Why Build Another Framework? (04:00) - React Server Components: Potential & Limitations (07:05) - Fine-Grained Cache Invalidation & UX (09:02) - Parallel Data Fetching in Routing (13:39) - TanStack Start: Alpha & Future Plans (16:41) - Where to Learn More About TanStack (18:48) Find Tanner Linsley on Social Media Twitter: https://x.com/tannerlinsley Linkedin: https://www.linkedin.com/in/tannerlinsley/ Github: https://github.com/tannerlinsley TanStack: https://tanstack.com/ Sponsored by Wix Studio...

Oct 9, 2024

1 min

TanStack QueryJavaScriptReact

State of Vue Wrap-up

State of Vue recently wrapped up. Our Vue contributors and library authors gave us insights into some pretty large changes coming to Vue. There's a new state management player where Pinia will be taking over instead of VueX, a new way of writings scripts which seems to be picking up steam, and other changes we think are interesting. In this wrap-up, I'll summarize our State of Vue event with key takeaways and things to look forward to in the future. If you'd like to see the event in full, check it out on Youtube. Pinia replacing VueX 4 Pinia is VueX 4 successor. There won't be a VueX 5 because that's what Pinia is. It has a slightly different API, and works very well with Typescript. There are some arguments around whether useing VueX would be better for larger, complex projects, but Pinia is definitely becoming very popular in its own right. The main point for using Pinia over VueX 4 relates to Typescript users. VueX 4 does not work well with Typescript; Pinia aims to fix that. Keep an eye out for Pinia. There will also be documentation changes in VueX 4 to inform developers of this namechange, and that Pinia will be a VueX 4 upgrade. Volar Volar is being sponsored by Evan You for full-time work. Some of this works includes refactoring the internals of the language service. This refactor will help open the door for contributions in the near future. If you'd like to follow Johnson on Twitter as he works on Volar, you can follow him at @johnsoncodehk. Script Setup vs Composition API Script setup was hoping to became the “new way” of writing, and the community seems to be working in that direction. The State of Vue panelists agree that using script setup is more exciting to write with, and offers greater flexibility. Reactivity transform - Allows props to be destructured (with default values too) while still being reactive - Type-safe - Assignment based reactivity - Docs - Discussions Other interesting points - Vitest - Vitest Discord - swrv...

Mar 25, 2022

2 mins

Vue

How Nuxt Studio is Redefining Developer & User Experience with Baptiste Leproux & Ferdinand Coumau

In this episode of the Modern Web Podcast, Danny Thompson sits down with Ferdinand Como and Baptiste Leproux from Nuxt Labs to uncover the story behind Nuxt Studio, a tool that's transforming how developers and non-technical users interact with Nuxt applications. Ferdinand and Baptiste share how Nuxt Studio bridges the gap between developer customization and user-friendly content management. Built to empower agencies, freelancers, and their clients, Nuxt Studio combines powerful features like live previews, Vue component integration, and schema-driven forms to make managing content seamless. The conversation also explores the broader mission of Nuxt Labs—building sustainable open-source tools that enhance developer experience and meet real-world needs. With insights into the future of Nuxt Studio and its potential to scale for larger organizations, this episode is a must-listen for anyone passionate about innovation in web development. Chapters 1. Introduction and Setting the Stage (00:00:00) 2. The Vision Behind Nuxt Studio (00:03:10) 3. Nuxt Studio’s Core Features (00:08:45) 4. Challenges in Building Nuxt Studio (00:16:20) 5. Target Audience and Use Cases (00:22:35) 6. Sustainability in Open Source (00:29:00) 7. The Future of Nuxt Studio (00:35:10) 8. Nuxt Studio’s Role in the Nuxt Ecosystem (00:42:30) 9. Closing Thoughts and What’s Next (00:48:00) 10. Sponsor Shoutout and Wrap-Up (00:53:20) Follow Baptiste Leproux and Ferdinand Coumau Baptiste Twitter: https://x.com/_larbish Ferdinand Twitter: https://x.com/CoumauFerdinand Baptiste Linkedin: https://www.linkedin.com/in/baptiste-leproux-618842b0/ Ferdinand Linkedin: https://www.linkedin.com/in/ferdinand-coumau-nuxt/ Sponsored by This Dot: thisdot.co...

Nov 20, 2024

2 mins

VueNuxtJS

Let's innovate together!

We're ready to be your trusted technical partners in your digital innovation journey.

Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.

State of React - What's new in the React ecosystem?

Host

Panelists

Key Takeaways

Tyrel Chambers

You might also like

Kent C. Dodds on Why he Traded Angular for React, Launching EpicWeb.dev, + What’s Next for EpicReact.dev

The Journey To Making A New Framework: TanStack Start with Tanner Linsley

State of Vue Wrap-up

How Nuxt Studio is Redefining Developer & User Experience with Baptiste Leproux & Ferdinand Coumau

Let's innovate together!

You might also like

Kent C. Dodds on Why he Traded Angular for React, Launching EpicWeb.dev, + What’s Next for EpicReact.dev

The Journey To Making A New Framework: TanStack Start with Tanner Linsley

State of Vue Wrap-up

How Nuxt Studio is Redefining Developer & User Experience with Baptiste Leproux & Ferdinand Coumau