Aurora Scharff @aurorascharff Twitter profile

Pinned Tweet

Aurora Scharff

9 months

My apperance on .NET Rocks @DotNetRocksShow is out today, huge thanks to @carlfranklin and @richcampbell for inviting me to the show. #dotnetrocks #reactservercomponents

React Server Components with Aurora Walberg

Episode · .NET Rocks! · How can React Server Components make your website better? While at NDC in Porto, Carl and Richard talked to Aurora Walberg about her work with RSC and Next.js 13. Aurora...

open.spotify.com

1

6

49

Last Seen Profiles

@stw_pdg

@xoxo_chan61

@KirstenFeldges

@histassoc

@white_kazwan

@pchoskins

@NewYorkGOP

@foxwasabii

@B_Czerniawska

@CurryCat24

@OSAMA08337230

@bokeplokalmalam

@reignite

@reen_2r

@XiaoAlove

@karrots11

@michau9_

@aashwick

@ArkadyStranger

@lsnbroncos

@Jjpar87

@bokeplokalmalam

@stw46

@rafagustavo_

@poto_hot

@bokeplokalmalam

@NextChapterPB

@sabback

@AgnSedlace

@toblerne

@alexiafontana

@toblerne

@pumpysehun

@MN_Metrodome

@VegasRadio1

@RadiusIndiana

Aurora Scharff

@aurorascharff

3 months

Good to reunite with @Aymen_Ben_Amor at #reactconf 🤩

1

2

33

Aurora Scharff

@aurorascharff

3 months

After my talk at #ReactConf , I got a question about displaying a "retry" rather than removing the optimistic messages. I made a branch with an example of this, hopefully whoever asked sees this 😅

1

3

28

Aurora Scharff

@aurorascharff

3 months

I had such a fantastic time at #ReactConf . It has been wonderful hearing so many React and web related conversations between great people. What an amazing community! Thank you @mattcarrollcode for a great speaker experience, and the meta team for reviewing my talk before the

2

0

29

Aurora Scharff

@aurorascharff

3 months

Landing in Las Vegas for #reactconf 🌞🔥

1

0

19

Aurora Scharff

@aurorascharff

4 months

In a couple of weeks, I will be speaking at React Conf about RSC! Thrilled to do another live coding session. Free tickets to the live stream are available :)

1

2

21

Aurora Scharff

@aurorascharff

7 months

My talk about React Server Components at NDC Porto 2023 is now available on YouTube! #ndc #ndcporto #rsc

React Server Components: A New Way to Build Fast and Interactive Web...

This talk was recorded at NDC Porto in Porto, Portugal. #ndcporto #ndcconferences #react #javascript #softwaredeveloper Attend the next NDC conference...

www.youtube.com

2

18

Aurora Scharff

@aurorascharff

3 months

Looking back at the past months and what I’ve been able to achieve recently, I want to thank my biggest supporter and partner @DevlinDuldulao for always motivating me and inspiring me to keep chasing my goals. I would not be here without you. 💞

Devlin Duldulao

@DevlinDuldulao

3 months

The RSC queen👸, @aurorascharff , is doing her thing at #ReactConf . Live-coding advanced RSC forms.

1

2

28

1

0

18

Aurora Scharff

@aurorascharff

4 months

Presented my talk on RSC today at Devoxx Greece! Thank you! #devoxxgr @DevoxxGR Slides: Demo code:

1

3

16

Aurora Scharff

@aurorascharff

2 months

Speaking remotely at thegeekconf this summer!☀️

0

16

Aurora Scharff

@aurorascharff

4 months

I’ll be speaking at React Alicante in the fall 🤩 Thanks for inviting me.

ReactAlicante ⚛️🌞🥘

@ReactAlicante

4 months

In this talk, we'll explore with @aurorascharff the application of RSC to elevate the functionality and efficiency of forms. Also, we’ll learn the latest advancements in React 19 and the introduction of multiple new hooks. #ReactAlicante2024

0

9

1

0

15

Aurora Scharff

@aurorascharff

5 months

So thankful to be invited here, I had the best time ❤️

Aleksandra

@aleksandrasays

5 months

had an absolutely fantastic time at #ReactParis ! thank you all ♥️ @o_jilla @Aymen_Ben_Amor @ElianCodes , congrats on another wonderful event!

0

7

48

0

1

14

Aurora Scharff

@aurorascharff

2 months

A common misconception is that the React Compiler is a part of React 19. As great as that would be, it is not. "React Compiler is a new experimental compiler that we’ve open-sourced to get early feedback from the community." See the React RC blog post for an overview of what is

0

2

16

Aurora Scharff

@aurorascharff

2 months

Chilling by the pool here in Opatija, Croatia with @DevlinDuldulao before my hands-on #rsc workshop on Friday☀️ @WebSummerCamp

1

0

15

Aurora Scharff

@aurorascharff

6 months

While preparing for my talk at #reactparis next month I’m so thankful for the updated React docs! The explanations on useFormStatus, useOptimistic etc. are really thorough and the examples and interactive demos are great :) Thanks, React team!

0

1

14

Aurora Scharff

@aurorascharff

8 months

I will be speaking at #ReactParis in March along with these incredible speakers! 🥳

BeJS

@BeJS_

8 months

📢The First #ReactParis conference will look like that👇🏼😲 Meet & learn from this✨stellar #Speaker line-up next March 22nd, in #Paris & #Online 📄The Full #Agenda ( #Talks + #Abstracts ) is now online, check it out 👉🏼 🤗 REACT C'EST MAGIQUE ! 💙🤍❤️

22

32

196

2

6

13

Aurora Scharff

@aurorascharff

8 months

The React docs say that "Server Actions should be called in a transition." However, the Next.js docs say to use useTransition if you want to show a pending state, and have examples without transitions around the server action call. What is the correct way here?

2

0

13

Aurora Scharff

@aurorascharff

3 months

Means a lot to be a included here 🤗

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

3 months

Mom I'm on the React community slide! 😄 #reactconf

10

2

105

0

12

Aurora Scharff

@aurorascharff

3 months

Wrote a blog post about creating a reusable SubmitButton with UseFormStatus! Spoiler: all of these buttons are form components :)

1

2

13

Aurora Scharff

@aurorascharff

2 months

@webdevcody The fact that useformstatus needs a separate component is a good thing. It lets you throw your submit button into any server code and have the loading state just work. I wrote a blog post discussing this: For the other use case you can use the pending

Creating a Reusable SubmitButton with UseFormStatus | Aurora Scharff

With React 19 on the horizon, the `useFormStatus` hook is a powerful tool for handling form submissions. It will allow us to create a submit button that can be used across multiple forms, while it...

aurorascharff.no

0

1

12

Aurora Scharff

@aurorascharff

1 month

My React Conf talk "Enhancing Forms with React Server Components" is available on YouTube!

Enhancing Forms with React Server Components | Aurora Walberg Scharff

In this talk, we explore the application of React Server Components (RSC) to elevate the functionality and efficiency of forms. We will touch upon the core p...

www.youtube.com

React

@reactjs

1 month

The video recordings for all React Conf 2024 talks are now available to view

10

75

722

0

1

12

Aurora Scharff

@aurorascharff

4 months

Hanging out and speaking later at @DevoxxUK 🔥 Great to meet you @antetmc2 !

Ante Tomić ✈️@JSConfBP | 🇭🇷🦆 | 💻📷🎙

@antetmc2

4 months

I will post some pictures from @DevoxxUK conference with speaker friends as all of us having such an amazing time! ❤️ Plus, connecting and networking with speakers/attendees is one of my fave parts of conferences. 🙌🙌 And you can see that we very much approve of #DevoxxUK 👍👍

0

2

6

0

11

Aurora Scharff

@aurorascharff

2 months

For sure this is going to be good knowing the quality of the @BeJS_ conferences! 🤩

BeJS

@BeJS_

2 months

🌍✨ And we start our launch week with the most Exciting news! Join us for #ReactAfrica on November 29th in the vibrant city of Casablanca, Morocco! 🚀 Connect with the brightest minds in React and explore new frontiers in web development. Save the date! #ReactAfrica2024 🎉🌟

7

34

153

1

2

11

Aurora Scharff

@aurorascharff

5 months

Slides for my talk today at #reactparis @BeJS_ (and code in the comments):

7

3

9

Aurora Scharff

@aurorascharff

4 months

I'm seeing a lot of content pushing the use(fetch(...)) as a replacement for useEffect fetching. The React docs specifically say that this is not the intended way! "Promises created in Client Components are recreated on every render. Promises passed from a Server Component to a

3

10

Aurora Scharff

@aurorascharff

6 months

Slides for my talk today about RSC! Thank you to everyone who attended ☺️ #reactservercomponents

1

10

Aurora Scharff

@aurorascharff

5 months

Feels good when your demo works out exactly how you planned it. Thank you for giving me this opportunity #reactparis @BeJS_ #reactservercomponents

Panayiotis Georgiou 🇬🇷 cityJS conf

@panay_georgiou

5 months

Demo 👌 @aurorascharff #React #Paris #bejs @BeJS_ #ReactParis

1

0

4

5

2

9

Aurora Scharff

@aurorascharff

3 months

Thank you Shaban, that means a lot 😍

Shaban

@Sh3banEissa

3 months

It's amazing every time I see @aurorascharff talking about the RSC. It's great to see how easy the concept of RSC is to understand. One of my favorite talks at React Conf 2024.

0

1

0

10

Aurora Scharff

@aurorascharff

4 months

Solved a fun problem with RSC! An interactive chat weaving server and client. The component is wrapped in an interactive container for open/close, the messages are fetched async and rendered as server components, the new message is submitted using server actions, and a

0

9

Aurora Scharff

@aurorascharff

6 months

Here's the post about useOptimistic across the component tree:

0

7

Aurora Scharff

@aurorascharff

2 months

Slides for my talk today at NDC Oslo as promised, and code below.

1

8

Aurora Scharff

@aurorascharff

2 months

Awesome conference ☀️Thank you to the organisers for having me @ilukac @netgentweets

Devlin Duldulao

@DevlinDuldulao

2 months

Thanks to @ilukac of @netgentweets and the whole @WebSummerCamp crew for having us. We will miss the seafood buffet and the salt-water pool. 🐟🏊‍♂️

0

2

6

2

0

8

Aurora Scharff

@aurorascharff

6 months

Thank you @NDC_Conferences #ndcsydney ☀️

0

8

Aurora Scharff

@aurorascharff

10 months

Thank you @TrondheimDC for such an awesome and well-organized conference #TDConf23 🤩

0

8

Aurora Scharff

@aurorascharff

5 months

Wow, this is amazing Kawtar!!! It really captures the good vibes. Next.js crew ✨😂

Kawtar CHOUBARI ⚛

@choubari_

5 months

Recently, I've started creating vlogs for every tech conference I attend or speak at, and this time it's all about #ReactParis from March 22. 🍿 Discover my speaking adventure and live the experience through my lens in this latest vlog.

1

9

48

1

2

7

Aurora Scharff

@aurorascharff

8 months

2

0

6

Aurora Scharff

@aurorascharff

9 months

Thank you so much, @dan_abramov . It means a lot that you enjoyed it. ☺️🤩

0

7

Aurora Scharff

@aurorascharff

10 months

Thank you so much @NDC_Conferences for having me here at #ndcporto , this was a lot of fun!

0

7

Aurora Scharff

@aurorascharff

1 month

Thanks for having me thegeekconf ❤️ For those of you who saw my React Conf talk, I added an additional feature here since that time with useFormStatus 🤭

thegeekconf

@thegeekconf

1 month

Aurora Walberg Scharff ( @aurorascharff ) is live! She is speaking on 'Enhancing Forms with React Server Components'. Check it out 🔗

0

5

3

1

6

Aurora Scharff

@aurorascharff

4 months

I’m looking forward to sharing my real-world RSC knowledge at React Alicante 😊

ReactAlicante ⚛️🌞🥘

@ReactAlicante

4 months

With @aurorascharff , gain insights into optimizing server-side rendering, enhancing application interactivity through Server Actions, and mastering form creation for robust data handling and validation. 🤩 #ReactAlicante #reactjs

0

9

0

6

Aurora Scharff

@aurorascharff

4 months

I've been featured in Norway's developer-focused online newspaper, @kode24no 🥳 In the article, I talk about my day-to-day tasks and my experience with speaking at conferences.

𝙠𝙤𝙙𝙚24

@kode24no

4 months

Første gang ble hun satt ut – nå prater Aurora (25) på konferanser over hele verden! 😍

0

3

0

6

Aurora Scharff

@aurorascharff

5 months

Super-useful library for typing next's untyped route params and search params. Migrated to it, and managing state in the URL has been a breeze since! Thank you @lukemorales

GitHub - lukemorales/next-safe-navigation: Static type and runtime validation for navigating routes...

Static type and runtime validation for navigating routes in NextJS App Router with Zod schemas - lukemorales/next-safe-navigation

github.com

1

0

5

Aurora Scharff

@aurorascharff

5 months

I replicated the Remix tutorial "Remix Contacts" in Next.js. Check out my blog post where I discuss the process, differences, and problems encountered. The full code is also linked. #nextjs #remix #rsc

2

0

4

Aurora Scharff

@aurorascharff

4 months

"The biggest change to our implementation is implementing the fetch patch that was removed from React: b59541d ( #65058 )" Does this mean that as a Next.js dev, you aren't affected by the React change and still have your fetches automatically memoized?

1

5

Aurora Scharff

@aurorascharff

3 months

Thanks Ryan, getting people motivated for Server Components and React 19 and its capabilities was what hoped to achieve with this talk 😊

Ryan Dsouza

@ryands1701

3 months

Saw the day-2 recording and great talk by @aurorascharff on using forms with RSC! Gonna explore more with React 19 :)

0

1

0

5

Aurora Scharff

@aurorascharff

1 month

Truly a great post! And it was hard to pick between the two (searchparams vs global progress). Both are great!

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

1 month

Agree with @aurorascharff One of my favorite blog posts this year. (the next one about Global Progress is also great btw)

1

0

6

1

0

6

Aurora Scharff

@aurorascharff

5 months

This is so good! Great examples for understanding transitions!! I also appreciate the explanation on Next.js not exposing router events and the composition reasoning, something I've been wondering about myself recently.

Sam Selikoff

@samselikoff

5 months

✍️ New post: "Global progress in Next.js" Learn all about React Transitions, play with tons of interactive demos, and see how even something like a global progress bar can benefit from composability!

15

58

500

0

4

Aurora Scharff

@aurorascharff

10 months

Slides for my talk at #TDConf23 !

1

0

4

Aurora Scharff

@aurorascharff

2 months

😂😂 Always the good jokes

Devlin Duldulao

@DevlinDuldulao

2 months

The RSC queen 👸 at #NDCOslo is currently talking about the 🍩 pattern for nesting server and client components in React. I'm gonna grab a donut after this cuz I'm hungry now 🤤. 😅

0

4

0

4

Aurora Scharff

@aurorascharff

8 months

Giving away a ticket to #KongresNextJS in Warsaw, Poland, a framework focused conference! Reply to this tweet if you want to go there and I’ll select one randomly and dm you ☺️

Kongres.js

Kongres.js – Bridging the future with Next.js, Remix, Nuxt, Angular, React.js, TypeScript, Qwik, Astro, and beyond!

kongresjs.pl

1

2

3

Aurora Scharff

@aurorascharff

6 months

Haha, thanks Craig 😂😍

✨ craig ✨

@phenomnominal

6 months

Saw @aurorascharff do a great talk on React Server Components today and if you’re scared by them you might be a big baby.

0

5

1

0

2

Aurora Scharff

@aurorascharff

8 months

The docs however push the useFormStatus approach above the old ways which seems to confuse a lot of people. I could be wrong about this topic, maybe the functionality is just not fully developed yet. (3/3)

1

0

3

Aurora Scharff

@aurorascharff

3 months

@ReactAlicante @krambertech Excited to see a new talk from you, @krambertech 🤩

0

2

Aurora Scharff

@aurorascharff

10 months

Excited to be presenting my talk about React Server Components at #ndcsydney in February! ☺️

NDC Conferences

@NDC_Conferences

10 months

The NDC Sydney 2024 agenda is out, and the agenda is packed with amazing speakers! See the full agenda and get your Early Bird tickets before 10 November. #ndcsydney

0

6

9

1

3

Aurora Scharff

@aurorascharff

10 months

And code.

GitHub - aurorascharff/astro-demo: Astro app made to demo the basic features of Astro such as...

Astro app made to demo the basic features of Astro such as routes and interactive islands. - aurorascharff/astro-demo

github.com

0

3

Aurora Scharff

@aurorascharff

6 months

I've been struggling with the practicality of useOptimistic when working across the component tree, especially when working across layouts and pages since you can't pass props. I found a solution now - a provider. Wrote a post about it. Objections welcome.

2

0

3

Aurora Scharff

@aurorascharff

8 months

A thread 🧵: Thoughts on useFormStatus/State and the action property. It’s not the new “gold standard” for forms. It’s a way to solve a problem that wasn’t being solved previously - providing a form with pending states and errors without relying on JS to make it work. (1/3)

1

0

3

Aurora Scharff

@aurorascharff

6 months

@alvarlagerlof Enjoy your last day, glad you’re able to get some proper mountains ☺️

0

1

Aurora Scharff

@aurorascharff

1 month

Still, there's lots of content trying to turn the "use" hook into this new way to fetch data on the client side. The React docs do not mention using it for that anywhere. Devs can get very confused about the future of React when they are told the 20

0

3

Aurora Scharff

@aurorascharff

3 months

@sethwebster @DevlinDuldulao Thank you, Seth 🤩

0

1

Aurora Scharff

@aurorascharff

5 months

@jrlarsen @BeJS_ 🇳🇴🤩

0

2

Aurora Scharff

@aurorascharff

5 months

Demo. It's just replicating the Remix tutorial. App is fully functional without JS, but that was definitely more clunky to do than in Remix.

0

3

Aurora Scharff

@aurorascharff

5 months

@alexdotjs I agree. I’m also trying to find solutions to those problems you mentioned.

0

2

Aurora Scharff

@aurorascharff

4 months

@alvarlagerlof @malloc007 Note: The forward ref change is an actually part of react 19, not the compiler!

1

0

2

Aurora Scharff

@aurorascharff

4 months

@sebastienlorber I would say though that for this app - which is built for Remix in terms of i.e the way it's displaying pending states - gives Remix a clear edge. The code could be simplified a lot if I did things the "Next.js way" instead, but the goal was to replicate the tutorial.

1

0

2

Aurora Scharff

@aurorascharff

6 months

@dan_abramov2 @wesbos Theres a blog post about the problem it creates here:

1

0

2

Aurora Scharff

@aurorascharff

2 months

GitHub - aurorascharff/next15-remix-jokes-rebuild: Rebuild of Remix Jokes using Next.js 15 with...

Rebuild of Remix Jokes using Next.js 15 with Server Actions, Tailwind CSS, and Prisma. Additional /demo route for React Server Component and Next.js App Router functionality examples. NB! Database ...

github.com

0

1

2

Aurora Scharff

@aurorascharff

8 months

@b_e_n_t_e_n_ Smaller in terms of what? Do you have a suggestion of what that could be?

0

2

Aurora Scharff

@aurorascharff

3 months

@ryands1701 Have fun!! 🤩

0

1

Aurora Scharff

@aurorascharff

8 months

Wrote a quick blog post about using React Hook Form with Server Actions. Enjoy the new year! #react #nextjs

0

2

Aurora Scharff

@aurorascharff

3 months

@sebastienlorber

Sebastian Silbermann

@sebsilbermann

4 months

@aurorascharff You shouldn't be affected in this regard. If fetches in the latest Next.js canary are not deduped on the server, that would be a bug.

1

0

5

2

0

2

Aurora Scharff

@aurorascharff

6 months

@samselikoff I was able to implement this method in my own project with an existing filtering setup, thank you for writing the post!

1

0

1

Aurora Scharff

@aurorascharff

4 months

@alvarlagerlof @malloc007 “Since then, we shipped the compiler to production across . “

React Labs: What We've Been Working On – February 2024 – React

The library for web and native user interfaces

react.dev

2

0

2

Aurora Scharff

@aurorascharff

4 months

@sebastienlorber Thank you for tweeting this! ☺️ It was definitely an interesting task to complete!

1

0

2

Aurora Scharff

@aurorascharff

6 months

@dan_abramov2 @wesbos Yeah, okay. Makes sense. It’s an interesting case though.

1

0

1

Aurora Scharff

@aurorascharff

6 months

And code:

GitHub - aurorascharff/next15-remix-jokes-rebuild: Rebuild of Remix Jokes using Next.js 15 with...

Rebuild of Remix Jokes using Next.js 15 with Server Actions, Tailwind CSS, and Prisma. Additional /demo route for React Server Component and Next.js App Router functionality examples. NB! Database ...

github.com

0

2

Aurora Scharff

@aurorascharff

3 months

@ryands1701 You have to force install btw. React beta stuff isn’t completely ready in nextjs.

1

0

1

Aurora Scharff

@aurorascharff

5 months

@tomus_sherman @lubieowoce I do this as well. But if you use react cache() around get data function (where you define the function) it only calls the function once anyway. It will be called once per-render.

0

1

Aurora Scharff

@aurorascharff

8 months

@borispoehland Makes sense! But if it’s server would you not want to fetch the data in the child server component then?

1

0

1

Aurora Scharff

@aurorascharff

8 months

You would want useFormStatus, for example, if you know your app will be used on slow devices or with low latency. It’s not meant to replace your interaction-heavy React Hook Forms when that’s the experience you’re after. (2/3)

1

0

2

Aurora Scharff

@aurorascharff

10 months

Heres the slides for my talk today at #ndcporto .

1

0

2

Aurora Scharff

@aurorascharff

6 months

@alvarlagerlof Just yesterday! Here with company. Also leaving tomorrow!

1

0

1

Aurora Scharff

@aurorascharff

11 months

In just two weeks, catch me at #NDCPorto sharing an introduction to and insights about React Server Components. I've been working with RSC in production for months - join my talk, ask questions, and dive into my real-world experiences! @NDC_Conferences #rsc #nextjs

0

1

2

Aurora Scharff

@aurorascharff

4 months

@ImSh4yy My understanding is that you’re supposed to use cache(), which was was already available before this patch and could be used for example when getting data from a db rather than with fetch. You still want to fetch data in your components, but now also consider whether you need

0

2

Aurora Scharff

@aurorascharff

8 months

@borispoehland I want to know what’s the benefit us using transition here if you don’t need the pending state.

1

0

1

Aurora Scharff

@aurorascharff

8 months

@borispoehland Yeah, which is okay. However examples such as “onClick={async () => { const updatedLikes = await incrementLike() setLikes(updatedLikes) }}” contradicts the React docs a bit since it’s not using a transition and not using form action.

1

0

2

Aurora Scharff

@aurorascharff

6 months

@alvarlagerlof I’m also at Hafjell this weekend!

1

0

Aurora Scharff

@aurorascharff

6 months

@samselikoff You should - I never would have thought of it if myself!

0

1

Aurora Scharff

@aurorascharff

10 months

And my code:

GitHub - aurorascharff/next15-remix-jokes-rebuild: Rebuild of Remix Jokes using Next.js 15 with...

Rebuild of Remix Jokes using Next.js 15 with Server Actions, Tailwind CSS, and Prisma. Additional /demo route for React Server Component and Next.js App Router functionality examples. NB! Database ...

github.com

0

1

Aurora Scharff

@aurorascharff

4 months

@malloc007 Exactly!

0

1

Aurora Scharff

@aurorascharff

4 months

@fredkisss Ah yeah! Definitely :) Useful for that.

0

1

Aurora Scharff

@aurorascharff

4 months

@SHI__BA20 @DevoxxGR That’s so great to hear! Thank you ☺️

0

1

Aurora Scharff

@aurorascharff

3 months

@Aymen_Ben_Amor 🔥

0

1

Aurora Scharff

@aurorascharff

3 months

@DevlinDuldulao @NDC_Conferences @bunjavascript @RollupJS @parceljs @webpack @rspack_dev @vitest_dev @jestjs_ @NPM @pnpm 🤩 Excited

0

Aurora Scharff

@aurorascharff

4 months

@malloc007 I really appreciate that, thank you! @YTCodeAntonio has videos of really good in depth clones as well if you’re interested in learning more! And @ByteGradCom has a course but it’s paid.

0

1

Aurora Scharff

@aurorascharff

5 months

@gregberge_ @nextjs Glad to hear it’s useful 🤩

0

1

Aurora Scharff

@aurorascharff

5 months

@pedenys__ Thank you so much, I’m really glad to hear it 🤩

0

Aurora Scharff

@aurorascharff

10 months

@TheImprovEffect Thank you, Jessie 😍

0

1