This Month in React
By Reactiflux, with Mark Erikson and Carl Vitullo
Hosted by friends and veterans of the community, Mark Erikson and Carl Vitullo. They've been driving forces in the Reactiflux Discord since 2015. Mark brings his many years maintaining Redux, and Carl his experience at a half-dozen startups.
This Month in ReactApr 12, 2023
TMiR 2024-03: React canary is 19, New ShadCN bits, Astro looks like Wordpress. Wiz??
- Layoffs.fyi
- New releases
- React 19 and React Compiler
- "react-strict-dom", why it's so great?
- RSCs
- Conceptual Model of React and RSC Ondrej Velisek
- Why React Server Components Are Breaking Builds to Win Tomorrow Vishwas Gopinath
- Waku has released a “pages router”
- Lee Robinson’s List of projects experimenting with RSCs , including Redwood (which just released an RSC beta)
- Embracing the Future and Moving Back Again: From Server Actions to tRPC
- Webkit features in Safari 17.4
- Mental Health in Open Source
- Angular codebase is being merged with Wiz
- ⚡Lightning round ⚡
- Interaction to Next Paint (INP) is a Core Web Vital
- Rsbuild 1.0 release plan
- React Router and Remix to be merged?
- Declarative Shadow DOM available in all major browsers
- React Native community map
- Node.js 2023 Year in An Article
- Open-sourcing our progress on Tailwind CSS v4.0
- Vercel adds support for Remix+Vite
- Navigating the future of frontend
TMiR 2024-02: React 19 (but more details), Apple tries to kill PWAs
- Quick hits
- Layoffs.fyi, Trueup.io job trends
- New releases
- react-email v2
- Tamagui 1.88
- Expressive Code
- Relay 16.2
- Remix 2.7 (and 2.6!) discussing later
- Isograph 0.1.0
- Upcoming conferences
- React Paris 2024 March 22, 2024. In-person in Paris, France + Remote (hybrid)
- Epic Web Conf 2024 April 10 - 11, 2024. In-person in Park City, UT, USA
- React Miami 2024 April 19 - 20, 2024. In-person in Miami, FL, USA
- React Connection 2024 April 22, 2024. In-person in Paris, France
- React Native Connection 2024 April 23, 2024. In-person in Paris, France
- React Labs
- React 19: RSCs, Suspense, and Server Actions
- No PWAs on iOS in EU
- Action link, if you have an app affected (Update, partially rolled back)
- MDN PWA Manifest docs
- Gary Bernhardt’s Birth and Death of Javascript talk
- Next
- Remix
- React Native
- State of React Native by Software Mansion
- “React Native Frameworks”
- RN on Apple Vision Pro
- ⚡ Lightning round ⚡
- Bun shell
- Deno in 2023
- JSR
- Hot Module Replacement is Easy (he lies)
- pmdrs WebGL layout engine UI for react-three-fiber, full repo
- 100th TC39 meeting updates
TMiR 2024-01: React 19?? The year ahead; Why are people so miffed?
- Quick hits
- Layoffs.fyi
- Conferences
- React Paris March 22nd, Paris, FR
- Epic Web April 11th, Park City, UT
- React Miami April 19-20th, Miami, FL
- React Connection / RN Connection April 22nd, Paris, FR
- React Conf 2024 May 15-16 Henderson, NV
- New releases
- React Libraries for 2024
- Rising Stars for JS, React ecosystem
- 2024 bytes.dev predictions
- React 19 and upcoming features
- Framework updates
- “Annoyed at React” roundup
- RSCs
- ⚡ Lightning round ⚡
- Ryan Carniatto, JS Frameworks heading into 2024
- RSBuild guide to migrating from CRA
- React Native styling tool benchmarks
- Weird things engineers believe about Web development
- Homebrew creator launching Tea.xyz, an OSS funding project
- NPM registry prank leaves developers unable to unpublish packages
- CodePen top 10
- V8 performance improvements
TMiR 2023-12: RSC accelerates, RTK v2, better React docs, XState v5
This Month in React – December 2023
- Quick hits:
- React Native 0.73
- New debugging docs
- New Debugger, give feedback here
- Bridgeless mode
- Redux Toolkit 2.0, Redux 5.0, and React-Redux 9.0
- XState v5
- React Server Components updates
- Introducing StyleX
- React docs and general discussion
- Lightning round:
- Discussion: what do we think will happen with React and the ecosystem in 2024?
TMiR 2023-11: Redux Toolkit 2.0, Kent v Lee, Prettier bounty
This Month in React – November 2023
- Quick hits:
- TS 5.3
- Remix vs Next
- Next 14 summary
- React Server components, without a framework?
- Remix 2.2.0
- Hydrogen (Shopify headless ecommerce) supports Remix v2
- Redux Toolkit 2.0 is almost here! Hopefully shipping by this weekend :)
- ⚡️ lightning ⚡️
- Fun news if we have time:
TMiR 2023-10: React Forget, Canary Releases, Barrel Files, and new releases
This Month in React – October 2023
- Mark: React Forget and memoization:
- Sathya, React India: Statically analysing React components for fun and profit
- Joe and Mofei, React Advanced: Understanding Idiomatic React
- TkDodo: The Uphill Battle of Memoization
- Response: React memo is good actually
- Carl: Server Actions in canary
- Mark: TanStack Query v5
- RTK 2.0: we’re deferring all RTKQ changes until after 2.0!
- Carl: Barrel Files
- Mark: React useTransition: performance game changer or...?
- Lightning round ⚡️
- Carl: Photoshop is now on the web!
- Mark: Yarn 4.0
- Carl: HTTP QUERY verb
- Mark: TC39-TG4 - New Task Group created to standardize Source Maps
- Actual working group: https://github.com/tc39/source-map-rfc
- Example: a proposal for tracking scopes data from my Replay coworker Holger Benl: https://github.com/tc39/source-map-rfc/pull/53/files
- My own React Sourcemaps package: https://github.com/markerikson/react-prod-sourcemaps
- Carl:
- Mark: My React Advanced talk: Building Better React DeTools with Replay Time Travel
This Month in React – September 2023
Remix v2, Docusaurus v3, Node 20.6, Bun 1.0. So much news this month!
This Month in React – August 2023
- Is Gatsby Dead?
- https://thenewstack.io/is-jamstack-toast-some-developers-say-yes-netlify-says-no/
- https://www.spicyweb.dev/farewell-jamstack/
- Things you forgot (or never knew) because of React
- RSC Devtools
- My Experience Modernizing Packages to ESM
- Remix Dev Tools v2.0 - New settings tab
- Everything I wish I knew before moving 50,000 lines of code to React Server
- Expo
- Expo Preview - Fully customizable builds on EAS Build
- Expo Proof of concept - expo-sqlite integration with CR-SQLite
- Expo Proof of concept - Expo CLI Dev Tools Plugins
- Feature Preview: Single Sign-On (SSO)
- Feature Preview: Rollouts for EAS Update
- useUpdates() API for expo-updates
- Expo Orbit: Download and launch buildsComponents
- ⚡Lightning⚡
This Month in React – July 2023
Office Hours – States of Burnout with Jenny Truong
Jenny Truong is head of operations and developer relations at Stately, and recently gave a talk titled “The Unexpected States of Burnout” at React Miami, which you can watch here https://www.youtube.com/watch?v=tcN8grYAEuQ.
It’s easy to accidentally transition from being productive to burning out. We tend to think in the moment in life - I’m happy, I’m excited, I'm tired, I'm hungry, I'm burnt out. We sometimes fail to think about the transitions between the states — how did I become tired, burnt out, and how do I transition to a better state?
Drawing on Jenny’s experience working at a highly-productive startup, join us as Carl Vitullo talks with her about how burnout can manifest, how it can impact our lives in unexpected ways, and how we can manage the energy we give work to thrive without burning out.
This Month in React – June 2023
- Stack Overflow Developer Survey 2023
- React Native 0.72 - Symlink Support, Better Errors, and more
- Remix - Dev Server v2 is now stable
- Next.js App Router Update (dev server, docs, etc)
- Is React Having An Angular.js Moment?
- Branding and community needs, Sebastien Markbage thread
- React API?
- PR for a new “TS Usage” page in the React docs
- React Handbook
- Reactiflux Learning page
- React Handbook
- Replay for Test Suites
- RTK 2.0 beta
- React-Redux 8.1: new warnings for unstable selectors
- React-Redux 9.0 alpha PR
- Vercel - Introducing Skew Protection
- Chrome for Testing: reliable downloads for browser automation
- Vitest 1.0 Roadmap
- React Jam
- Panda CSS
- Shadcn UI update - June 2023
- React Native 0.72 and Expo SDK 49 running on visionOS
- Docusaurus v3 alpha - MDX 2 + React 18
- AI.JSX - AI Application Framework for Javascript
This Month in React – May 2023
Join Carl Vitullo, Mark Erikson, and Sebastien Lorber as they cover all the latest news in the React community!
- [00:01:04] Next 13.4, App Router and Server Actions
- Next 13.4
- Server Actions
- Isomorphic Development
- Rich Harris on frameworks, the web, and the edge
- RSC data leak security footgun
- [00:14:20] William Candillon – The Joy of Painting with Skia | App.js Conf 2023
- [00:17:42] My Struggle With Remix
- [00:21:53] You Might Not Need React Query
- Using Apollo Client with Next.js 13
- [00:28:25] Write Once, Route Everywhere: File System-based Navigation for Native Apps
- [00:32:07] Improving Performance with HTTP Streaming
- [00:33:50] React Canaries: Enabling Incremental Feature Rollout Outside Meta
- [00:45:56] Client-side rendering of HTML and interactivity
- [00:46:22] React Summit
- Debugging JavaScript
- [00:46:48] Debugging should be easier | App.js Conf 2023
- [00:47:23] React from Another Dimension by Dan Abramov at RemixConf 2023
- [00:48:14] Server-side rendering React in OCaml
- [00:49:17] Several links on React rendering
- The Interactive Guide to Rendering in React
- The Journey of the React Component
- React reconciliation: how it works and why should we care
- A (Mostly) Complete Guide to React Rendering Behavior
- [00:50:36] TV Spatial Navigation
Office Hours – Professional Communication with Elizabeth Woolf
Developing software requires a lot of communication with other developers, with other teams and divisions, with managers or less experienced developers. Carl Vitullo is joined by Elizabeth Woolf to talk about feedback, team conflicts, salary negotiation, and more.
Elizabeth has worked at the intersection of tech and communication for years, getting her start in 2016 helping professors and students prepare talks and presentations. She’s just launched a new coaching business, Woolf Communication, in January after seeing a gap between what was expected of engineers in the workplace and what training is made available to them.
Links mentioned:
Timestamps:
- [00:00:45] “Soft skills”
- [00:04:08] Fear of feedback
- [00:06:47] Deciding whether to give feedback
- [00:08:21] Trusting your gut
- [00:09:29] Building feedback into team culture
- [00:10:43] Giving upward feedback
- [00:13:20] Communication as personal improvement
- [00:14:53] Importance of listening
- [00:17:43] Separating tone and content
- [00:23:51] Negotiations
- [00:29:03] Information gathering
- [00:30:25] Different dimensions of value to negotiate
- [00:34:02] Information asymmetry in negotiating
- [00:36:17] Finding and knowing your worth
- [00:37:52] Value of a genuine mentor figure
- [00:38:51] Finding a mentor
- [00:40:03] Asking good questions to a mentor
- [00:42:29] Mentors and genuine networking
- [00:45:27] Networking effectively
- [00:46:57] The power of showing up consistently
- [00:50:02] Learning to trust your gut
- [00:51:02] Looking backwards to find what gives you joy
- [00:56:19] What if your no could have taught you more than yes?
- [00:59:32] Handling being underleveled when hired
- [01:01:49] What if your manager under-leveled you?
This Month in React – April 2023
Join Carl Vitullo, Mark Erikson, and Sebastien Lorber as they cover all the latest news in the React community!
03:49 Immer v10
08:41 NextJS 13.3
18:00 TypeScript 5.1
23:51 React Server Components
40:03 ⚡️ Core team layoffs
40:47 ⚡️ React Miami
42:04 ⚡️ Lingui v4.0
47:09 ⚡️ PartyKit
Community Spotlight – React Miami with Michelle Bakels
Michelle Bakels is co-organizer of React Miami and Program Director of Developer Health at G2i, a hiring platform for Javascript and React developers with deep ties to Reactiflux! We talked about the upcoming conference, how speakers are selected, and how developer health was core to the conference. Learn more at https://www.reactmiami.com, and if you buy a ticket, use our discount code REACTIFLUX10.
https://twitter.com/ReactMiamiConf
https://twitter.com/MichelleBakels
https://www.reactmiami.com/schedule
https://www.instagram.com/ReactMiamiConf/
Topics:
- [00:01:33] Developer health, and planning a conference
- [00:03:01] Tejas Kumar, React as a developer health tool
- [00:03:26] Jenny Truong, unexpected states of burnout
- [00:03:55] Andrew Shew, mental tooling from professional baseball
- [00:05:09] Early bird outdoor activities
- [00:05:54] Who is the target audience for React Miami?
- [00:07:44] Speakers Michelle is excited for
- [00:10:55] Michelle's philosophy for organizing a conference
- [00:15:56] Putting on a conference in 2023
- [00:22:27] Choosing topics for the conference
- [00:26:51] Reaching out to first-time speakers
- [00:30:32] Tips for wanna-be speakers?
- [00:36:37] Will talks be recorded? (yes)
- [00:37:12] Documentary screening, afterparty, beautiful venue
- [00:39:52] Where can people learn more?
This Month In React – March 2023
Join Carl Vitullo, Mark Erikson, and Matt Pocock as we break down This Month in React. A lot of news this month, with a major progress update from the React core team, TypeScript 5.0, and TC39 meeting news. We'll break down what's new in an hour-long conversation.
(Sebastien Lorber is on vacation this week, and Matt Pocock of totaltypescript.com is graciously filling in!)
- [00:01:44] Retire SPA and MPA?
- [00:10:09] Create React App no longer officially recommended
- [00:12:16] React encouraging server capabilities
- [00:15:27] Three TypeScript 5 highlights
- [00:16:30] TS5 performance improvements
- [00:19:41] TS5 decorators
- [00:23:58] TS5 const annotations
- [00:26:52] TC39 proposal advancements
- [00:30:46] React labs update
- [00:31:28] React Forget
- [00:38:39] Offscreen rendering
- [00:41:58] Server Components
- [00:47:03] Asset Loading and Transition Tracing
Office Hours – Rewrites, with Sunil Pai and Mark Erikson
Rewrites! Everyone wants to do one, but the software industry is littered with examples of failed rewrites. Our host Carl Vitullo is joined by Mark Erikson and Sunil Pai to talk shop about what they’ve looked like in our careers, and how to help make sure they’ll be successful.
Sunil Pai has loomed large in the React ecosystem for years, working on the core team, and he’s now building https://partykit.io. Mark Erikson needs no introduction! He’s maintained Redux and Redux Toolkit for years, is currently building http://replay.io, and has been a fixture of the Reactiflux community since the early days.
Join us and we’ll help you avoid the worst of the many footguns when rewriting software.
Topics discussed:
- [00:01:11] First rewrite
- [00:02:52] Some web dev history
- [00:03:54] Mark's refactor experience
- [00:06:36] Zero cost feedback loops
- [00:07:26] Sunil's two largest rewrites
- [00:10:51] Mark's experience, government project timelines
- [00:12:59] Replay, Mark's current work
- [00:19:29] Rewrites on small teams
- [00:20:11] Suspense rewrite at Facebook
- [00:24:51] Tooling support to make rewrites work
- [00:28:56] Zero cost feedback loops, revisited
- [00:35:27] Automation as a way to enable communication
- [00:36:32] How to evaluate a possible rewrite
- [00:40:09] Smell tests for justifications
- [00:44:45] Joel's Spolksy's cultural impact on rewrites
- [00:46:23] Readability as a justification for rewriting
- [00:50:15] Software lifespan
Office Hours – Becoming a leader with Ankita Kulkarni
Ankita Kulkarni is an engineer manager and educator with more than 10 years of experience as a software engineer, now teaching developers about the transition into management.
When Ankita became a manager, she had to find mentors to help her learn the subtle intricacies of being a successful manager. Now, she’s taking what she learned and teaching developers about what that transition looks like, and how to decide if that’s how you’d like to further your career.
- - @kulkarniankita9: https://twitter.com/kulkarniankita9
- - @vcarl_: https://twitter.com/vcarl_
- - @reactiflux: https://twitter.com/reactiflux
Links referenced:
- 1. Engineering manager's mind map: https://bit.ly/3J7HzVC
- 2. Developer to Leader Program Waitlist: https://bit.ly/3Lb1Zj5
- 3. KulkarniAnkita.com: https://bit.ly/3ZyDYak
Topics discussed:
- [00:00:17] Being laid off as a bittersweet opportunity
- [00:01:32] Building databases at IBM and doing freelance web dev on the side
- [00:03:31] New appreciation for coworkers after freelancing
- [00:06:56] Getting her first management opportunity
- [00:08:15] Leadership vs management
- [00:11:28] Intrinsic motivation and finding a team that supports your goals
- [00:14:03] Developer to Leader program
- [00:15:50] How do you recognize a good leader?
- [00:17:42] Teams as a group of individuals
- [00:20:33] Psychological safety in software teams
- [00:23:01] Having empathy as a leader
- [00:27:25] Serving those you lead
- [00:29:06] Spotting burnout as a leader
- [00:30:27] Setting the tone on a team
- [00:32:27] Proactively setting team norms
- [00:34:49] Prioritizing your own growth as a leader
- [00:36:42] The value of informal chats
- [00:39:48] Soft skills in your career
- [00:40:50] How to get a taste of the management track
Behind the React Documentary
A documentary about React, produced by Honeypot.io, was released on February 10th, and Carl Vitullo spoke with two of the people instrumental in making it happen: Ida Bechtle, staff filmmaker from Honeypot; and Christopher Chedeau, whose contributions to the React and JS ecosystem are nearly innumerable — React, React Native, Prettier, Docusaurus, Excalidraw, and more.
We talked about the documentary itself, how it got made, and some other behind-the-scenes info — an unofficial “DVD commentary” for the documentary.
- Ida on being a 1-person production team [00:01:06]
- Christopher Chedeau as a driving force [00:01:50]
- Why Honeypot makes these documentaries [00:04:15]
- Getting trapped in a park while filming [00:05:49]
- Jordan Walke's participation [00:07:04]
- About the focus on the early days of React [00:08:44]
- Deciding where to focus your attention [00:10:24]
- Going in a submarine and ignoring your manager [00:14:10]
- Making Prettier pretty through data [00:15:15]
- Ida's documentary process [00:16:58]
- Christopher's involvement in the early days of Reactiflux [00:21:20]
- Christopher's largest human-centered accomplishment [00:26:15]
Community Spotlight – Joy of React, with Josh Comeau
Josh Comeau is an indie hacker, educator, and long-time member of the React community. He has a brilliant way of intuitively explaining complex subjects, and we're excited to talk with him about content creation, his experiences being an independent educator, and his new course, Joy of React. We talked about his career, job hopping, content creation, RSI injuries, replacing "best practices" with "happy practices", and more!
Some links referenced in the conversation:
- Early career [00:01:35]
- Mid-career [00:04:12]
- RSI Injury [00:07:52]
- A finite number of keystrokes in us [00:09:40]
- An expectation of being able to code [00:12:16]
- Job hopping [00:13:25]
- Unconventional job hunting tips [00:16:09]
- Personal projects, open source, and networking [:18:46]
- Ideation for blog posts [00:24:12]
- Writing for advanced audiences [00:27:32]
- Other creators and the power of interactive explanation [00:31:15]
- Going before you think you're ready [00:36:19]
- Ignoring imposter syndrome [00:39:01]
- "Best practices" vs "Happy practices" [00:41:16]
- Taking breaks, not unit testing [00:43:34]
- How do you work in public? [00:45:50]
- AI's impact on web development [00:49:45]
Office Hours – Entrepreneurship, fear of failure, investing, tRPC, and Qwik with Tejas Kumar
Tejas has worked in developer relations for years at companies like Vercel, Spotify, Xata, and G2i, and is now an independent educator and content creator. He's a mentor, keynote speaker, and angel investor, and we're exited to talk tech! He's super interested in edge computing, Qwik, and React.
He and Carl talked about why he's starting a company, not letting fear of failure stop you from trying, investing, and about keeping the focus in devrel on relationships.
- Why are you starting a company [00:00:35]
- DevRel and community are immeasurable [00:03:30]
- Extractive relationships in DevRel and community [05:58]
- Swag and broken trust [00:06:50]
- Transactional relationships [00:09:07]
- Fear about trying something new [00:11:28]
- Trying something new; an exercise in empathy [00:17:13]
- Carl's past failed company [00:18:25]
- New web technologies you're excited for [00:21:34]
- Zod and tRPC, type safety on network calls [00:22:27]
- Chronological Snobbery and jQuery [00:24:18]
- React as a middle aged man [00:26:02]
- React compared with Qwik's design goals [00:28:27]
Office Hours with Wix: Tom Raviv, Omer Kenet, & Peter Shershov
Our host vcarl is joined by 3 employees of Wix to talk about the evolution of web development, developer tools, and open source:
Omer Kenet, Head of Product for Codux
Peter Shershov, Engineering Team Lead
Tom Raviv, Head of Developer Relations and Team Lead for Stylable.io
Wix has been making web development more accessible since 2006, and they're currently celebrating the release of their new project Codux, a visual IDE for React. We're excited to talk about the history of our industry and what we can learn from the golden age of frontend development.
Office Hours with Matt Pocock and MapleLeaf
Matt Pocock is an independent educator building totaltypescript.com. Previously, he has been an employee of Vercel and Stately, and was a member of the XState core team. MapleLeaf is one of our resident TS experts and longtime server MVPs. Through our conversation, we discussed how Matt got active in open source, why he's drawn to "the weird parts" of web development, and why working as a voice coach set him up for success after transitioning to software engineering.
Office Hours with Retsam19 and MapleLeaf
Retsam19 and MapleLeaf are long-time Reactiflux MVPs who have spent countless hours helping out others in the community. Event MC'd by Carl Vitullo, and hosted on Reactiflux.
MapleLeaf and Retsam19 are two of our resident TS experts and longtime server MVPs. Both are active in the open source community as highly skilled engineers, and Retsam19 moderates the official TypeScript Discord server. Through our conversation, we discussed how we got our starts in software development and our first jobs, the value we've gotten from the online communities we're a part of (and how tools like ChatGPT might affect that in the future!), the evolution of the JS ecosystem with Bun and Deno, and more.
Some links referenced through the discussion:
Godel, Escher, Bach: An Eternal Golden Braid
If you found this valuable, one way you can help support Reactiflux is through buying one of the books we recommend! Most of these links have affiliate trackers, so we receive a portion of each sale.
Office Hours with Mark Erikson and Lenz Weber-Tronic
Mark Erikson and Lenz Weber-Tronic are long-time Reactiflux members and maintainers of Redux. Event MC'd by Carl Vitullo, and hosted on Reactiflux.
Mark (@acemarke) has been primary maintainer of Redux for 6 years and led development of Redux Toolkit, which was a major step forward in usability for the ecosystem. He's approaching the end of his first year in a new role at Replay.io, a time-traveling browser debugger. Before that, he spent the majority of his career — over 13 years — at 1 company!
Lenz (@phryneas) has been a software developer for 20 years, and has worked with Mark as a maintainer of Redux and Redux Toolkit since 2019. He contributed much of the TypeScript expertise that made RTK possible, and is the brains behind RTK Query. He's in the middle of changing jobs right now, from a consultancy in Berlin to Apollo, a well-known open source company.
We talk about maintaining an open source library (and the challenges of providing correct TypeScript types!), what a job search is like later in your career, and more. Some links referenced through the discussion:
Learning and Using TypeScript as an App Dev and a Library Maintainer
Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
If you found this valuable, one way you can help support Reactiflux is through buying one of the books we recommend! Most of these links have affiliate trackers, so we receive a portion of each sale.