JavaScript is not available.

Dec 8, 2022

It's an amazing feeling to open

@eggheadio

and see my course for RTK Query in the spotlight like this. I'm super motivated and will soon start to record the intermediate course. In the meantime: check out this course - it's free! egghead.io/courses/rtk-qu

A screenshot of the Egghead webpage, highlighting my RTK Query course.

read image description

ALT

Josh Goldberg

@JoshuaKGoldberg

CFP tip: if you propose a talk with a title like "X is Terrible", where X = any popular tech, I will give it a 0 rating. Anything with enough goodness to be popular has pros & cons. Clickbait headlines worsen industry dialog by erasing nuance & normalizing unkind bashing. 👎

Don’t Overreact! Introducing Apollo Client’s new @nonreactive directive and useFragment hook

Jeff Auriemma

@JeffAuriemma

Jun 16

Apollo Client is shipping powerful features to prevent unnecessary renders in your React app - `memo` often isn't enough!

@alessbell

gives a masterclass on how to use `@ nonreactive` and `useFragment` for optimal performance

apollographql.com

Efficient React apps are selective in their re-rendering, using a variety of techniques (such as memo) to skip re-rendering unchanged components. With the beta release of Apollo Client 3.8, we’re...

Jeff Auriemma

@JeffAuriemma

Jun 16

Adding the Apollo Client `@ nonreactive` directive to the query document and using `useFragment` in the child components uses the smallest amount of renders necessary. The result is a fast and responsive UI -

@alessbell

provides a demo here: codesandbox.io/s/github/aless

GIF

Tejas Kumar

@TejasKumar_

Jun 16

As someone who’s more comfortable in code instead of in some Graphical User Interface, I really struggle when using Content Management Systems, even headless CMS and almost always prefer something like MDX or something more code-oriented because I feel like I have more control.

Check out React Advanced London agenda

React Advanced London

🚀At the conf

, Senior Staff Software Engineer

@apollographql

, will discuss the challenging journey they embarked on to support suspense for data fetching in Streaming SSR with Apollo Client. The talk⏱️will delve into the peculiar timing issues that arise with these techs.

reactadvanced.com

Robert Balicki

@StatisticsFTW

What makes Suspense for Data Fetching in #React apps so &@#% hard?? I'm excited to tell you, tonight, at the

@useReactNYC

meetup! Thank you

@yext

for graciously hosting and

@robhrt7

and

@donavon

for helping make this happen :-D

Alessia | @aless.co

@alessbell

Don’t Overreact! Introducing Apollo Client’s new @nonreactive directive and useFragment hook

My first post for the

@apollographql

blog: Apollo Client's new nonreactive directive and useFragment hook 📝

apollographql.com

This is doubly infuritating, because it will break the RTK Query "React" module, just after we released `react-redux` 8.1 to make it possible to use `createApi` in React Server Components. Is there any way for a package to opt out of this analysis & only error on hook execution?

It can't be a solution that suddenly the whole ecosystem has to change their packages because you don't do dead code elimination before running your linter?

So some of the latest

@nextjs

canaries seem to error on build when an RSC-imported node module even just contains a hook - even if none of those hooks is actually imported.

@leeerob

could you please look into this? github.com/apollographql/

New York & Amsterdam & Online

React Summit

@ReactSummit

🔥Big ups to the awesome speakers at React Summit! Your talks were mind-blowing, inspiring, and packed with practical gems. Thanks for sharing your expertise and making the event an absolute blast.

Today we are thrilled to release Replay for Test Suites. Test Suites join Bug Reports as an entirely new way to capture and fix hard-to-repro bugs.

🚀

is releasing Replay for Test Suites. Our goal is to eliminate the Flaky Test once and for all. blog.replay.io/replay-for-tes Thread below 🧵🧵🧵

blog.replay.io

Replay for Test Suites

133

Replay for Test Suites - Fix flaky browser tests once and for all | Product Hunt

Jason Laster

@jasonlaster11

Jun 14

🎉 Replay.io for Test Suites is live on

@ProductHunt

🎉 Will be sharing more in the morning, but consider this tweet a sneak peek 😉

producthunt.com

Replay for Test Suites helps teams record their Playwright and Cypress tests in CI and debug them after the fact with Browser DevTools, retroactive console logs, and our new testing panel.

Jun 13

Some great slides here on optimizing React+Redux perf at scale for Slack - very informative!

Quote Tweet

jenna @ qcon ny!

@zeigenvector

Jun 13

Thanks to everyone who came to my talk at @qconnewyork! I hope you learned a little (or way more than you wanted to know) about React and Redux Performance! My slides are up at jenna.is/at-qcon-ny.

#QConNY

Show this thread

Jun 13

Just published React-Redux v8.1.0! This adds dev mode checks for common mistakes with `useSelector` (always returning new references, returning `state`), + a workaround for importing in RSC environments. We've also cleaned up the hooks API docs a bit:

Release v8.1.0 · reduxjs/react-redux

This feature release adds new development-mode safety checks for common errors (like poorly-written selectors), adds a workaround to fix crash errors when React-Redux hooks are imported into React ...

Matt Holt

@mholt6

So I just woke up and apparently I inadvertently discovered a zero-day RCE in acme.sh, and caused a Chinese CA to shut down overnight. Props to the

@neilpangxa

of acme.sh for the quick fix! github.com/acmesh-officia

162

928

Maria José Solano

@MariaSolanoOs

So excited to give you a spiel about how TypeScript works in your IDE. See y'all on September! twitter.com/ts_congress/st

This Tweet is unavailable.

r/reactjs on Reddit: Announcement: /r/reactjs will go dark June 12-14 to protest Reddit's API...

I moderate the /r/reactjs subreddit. I just posted an announcement that we'll be shutting down the sub June 12-14 to join the protest against Reddit's API pricing changes and killing of 3rd-party apps:

reddit.com

Posted by u/acemarke - 485 votes and 20 comments

530

Some amazing wizardry going on there 👀👀👀

Quote Tweet

Jason Laster

@jasonlaster11

We're shipping original React component names

You can now record a replay in prod and inspect the original React components! blog.replay.io/changelog-52:-

Show this thread

Ives van Hoorne

@CompuIves

Most sandboxes in CodeSandbox are stored in a Postgres database. 40M+ sandboxes and 400M+ files stored in Postgres, and we still have performant load times. When going with Postgres, I thought "this is the first thing we'll have to replace". Still didn't happen after 6 years 🤷

Quote Tweet

Lawrence Jones

@lawrjones

Jun 8

In 2020 Figma started hitting growing pains with their single managed Postgres database. That means they managed to grow to a $2B company on a single mged instance. I bet at they hired engineers around this time who grumbled about not picking a more ‘scalable’ tech.

Show this thread

174

1,590

Jason Lengstorf

@jlengstorf

Jun 8

I’ve seen a couple folks talking about losing followers for supporting Pride and the LGBTQ+ community. It’s really too bad that supporting someone’s right to be alive and happy is in any way controversial. To all my friends: Happy Pride! 💜

read image description

ALT

Quote Tweet

Josh W. Comeau

@JoshWComeau

Jun 7

Bar graph showing the number of new email subscribers added per day, from March to June. Every day until June 6th (yesterday) had a positive number of subscribers, with a couple of big positive spikes. June 6th sees the first "negative" day, with only a small number of subscribers gained, and a large number of subscribers lost.

read image description

ALT

Yesterday, I sent an email about my new Pride-themed tutorial. The results are about what I expected: a few grumpy replies, and ~3x more unsubscribes than usual. It's sad that such a mundane email is polarizing, but ultimately, I'm glad these folks are seeing themselves out.

Show this thread

536

Jun 8

So I had to send in my HP Envy with an overheating problem and am back to my Thinkpad X250. I'm not sure what it is, but this is *so much nicer*! Might be that I am back to Linux now. Might be the keyboard. The pointing stick. I didn't expect to prefer my 8-year-old laptop.

Framework

@FrameworkPuter

Jun 6

The deshittification of consumer electronics.

192

2,839

CFP is open for React Day Berlin🎤 We're open to a broad variety of talks targeting experienced #React engineers🌍 You can cover topics such as #React server components, #performance, alternative #React ecosystem libraries & many more. 💻Share your expertise with the community.

google.com

Submit a talk

Jun 6

We've decided it's worth doing a React-Redux 9.0 major alongside all the other upcoming Redux lib family majors. Current plans: - Require React 18+ and drop `useSyncExternalStore` shim - Update packaging - Alter `ReactReduxContext` for RSC compat

React-Redux v9 Roadmap: packaging, updated defaults, and improving RSC compat · Issue #2026 ·...

We're currently working on major versions for all of the Redux-related packages: RTK 2.0, Redux core 5.0, Reselect 5.0, and Redux-Thunk 3.0. The primary driver for this is updating package form...

Ben Ferns

@ben_ferns

Jun 6

Someone figured out you could use Stable Diffusion (+ControlNet) to adapt QRs into images while still having them work reliably: reddit.com/r/StableDiffus

179

3,904

17.4K

This is why we're building Replay! It doesn't magically solve the bugs for you... but it makes it _way easier_ to investigate what actually happened! If you can record it once, you can time-travel and investigate _any point in time_ in that recording! replay.io/record-bugs

Quote Tweet

Sebastian Markbåge

@sebmarkbage

If I don't immediately know the answer to a bug, I immediately reach for replay.io first. It's like HMR for repros.

Alternative heading: This happens when you put

and me in one room.

Not really sure if I should be proud or ashamed of this one - but it should theoretically make it possible to call the `/react` `createApi` import of RTK Query, even in a React Server Component context - as long as you don't actually use the hooks in RSC.

lazily create Context for RSC compat by phryneas · Pull Request #2025 · reduxjs/react-redux

This PR introduces a Proxy around a lazily initialized ReactReduxContext object to prevent the dreaded "React.createContext is not a function" error when the ReactReduxContext is referenc...

Mateusz Burzyński

@AndaristRake

It's magic! good magic!

Quote Tweet

Sebastian Markbåge

@sebmarkbage

If I don't immediately know the answer to a bug, I immediately reach for replay.io first. It's like HMR for repros.

Learn more about React Advanced London agenda

React Advanced London

Oct 20 & 23, 2023

@ReactAdvanced

Apr 21

Do you know that approximately 1 in 7 people are neurodivergent? 🤯 Thrilled to have at #React Advanced London Stephanie Shaw, Senior #Frontend Engineer

@BeameryHQ

, with the talk about🧠 the ways you can create better #web experiences for the #neurodivergent.

reactadvanced.com

159

Finally I get to be a React expert with 20 years of experience.

Quote Tweet

дэн

@dan_abramov

let’s rename react to php. to avoid the naming conflict let’s also rename php to react. everybody wins

Show this thread

It's been an _amazing_ 2 days at

@reactsummit

: - Met

(RTK co-maintainer) in person after 4 years working together :) - Met

, and many others I've chatted with for years - My "Debugging JS" talk + live

@replayio

demo went well!

Dominik

@TkDodo

Thank you #ReactSummit! What a great conference 🙌

read image description

ALT

дэн

@dan_abramov

RSC from Scratch. Part 1: Server Components

RSC From Scratch. Part 1: Server Components · reactwg server-components · Discussion #5

RSC From Scratch. Part 1: Server Components In this technical deep dive, we'll implement a very simplified version of React Server Components (RSC) from scratch. This deep dive will be publishe...

496

2,229

Christoph Nakazawa

@cpojer

🖼️ ReMDX: Beautiful Minimalist React & MDX Presentations Just dropped! Try this new slidedeck tool for your next presentation via `npm init remdx`. Please fork it and add more features.

GitHub - cpojer/remdx: Beautiful Minimalist React & MDX Presentations

Beautiful Minimalist React & MDX Presentations. Contribute to cpojer/remdx development by creating an account on GitHub.

149

New York & Amsterdam & Online

React Summit

@ReactSummit

So soon we will start the celebration of React 10 anniversary at React Summit ♥️ #reactsummit

0:07

327 views

👀👀👀

Quote Tweet

Sebastian Markbåge

@sebmarkbage

Replying to @ryanflorence

You inspired me to add a bundler-less reference implementation of RSC as a proof-of-concept. I'm not sure if this qualifies. The key is that it uses Loaders on the server - not bundling. It's not completely "raw" but pretty close. github.com/facebook/react

WOOHOO LET'S GOOOOOOOOOOO!!!!!

Quote Tweet

Dominik

@TkDodo