The things Vercel won't show you (Theo Browne)

Рет қаралды 19,884

7 ай бұрын

Presented at Next.js Conf 2023.
View all talks from the conference: • Next.js Conf 2023 - In...
Explore templates of sites built with Next.js: vercel.fyi/verceltemplates
Check out the Vercel product tour: vercel.fyi/producttour
Next.js is great. So is Vercel. We've spent the last few hours hearing all about how to use these things correctly. I'm going to show you how to use them incorrectly

Пікірлер: 26

@tabletuser123 7 ай бұрын

The things Vercel wont show you (Theo Browne), presented by Vercel

@maciejziehlke4479 7 ай бұрын

1:06 and that comment "this tells Remix to use the server environment" :)

@TomNook. 7 ай бұрын

Shame we didn't have Theo on stage

@t3dotgg 7 ай бұрын

I had the option but I wanted to do the stream from the venue instead 🙏

@parlor3115 7 ай бұрын

Let's be thankful he didn't 🙏

@MrStupiuno 7 ай бұрын

What would he do besides “give hot takes and clickbait content”? No thanks

@asimshamim113 7 ай бұрын

the commitment to click bait titles from this dude is almost impressive

@serhiimamedov 7 ай бұрын

First one is not curced at all. It should be in the official docs

@gnarusg8708 7 ай бұрын

Generator seems very nice for streaming an llm response.

@guillemgarcia3630 7 ай бұрын

As far as I know, you would get a really big suspense tree right? So it might not be performant

@gerardmarquinarubio9492 7 ай бұрын

@@guillemgarcia3630i don't think so right? The if condition returns the value in the generatorcomponent which is just a plain old JSX component, and then that is used to render a single suspense in the fallback. I don't think the inner generatorcomponent is ever truly rendered, I think it is used solely to trigger the next iteration of the generator. (Haven't tested though)

@tspander 7 ай бұрын

The solution with recursive suspense is actually shown in the vercel/ai docs for rendering the LLM response in a server component. So it is at least somewhat official

@StingSting844 7 ай бұрын

Shouldnt the loadMore function have a "use server" directive in it to be compiled into an RPC?

@arish_shah 7 ай бұрын

The third pattern is genuinely so cursed lol.

@agbimpod 7 ай бұрын

but can we unit test them

@yomaru_1999 7 ай бұрын

Ways to write unmanageable code. Thx Vercel.

@TheIpicon 7 ай бұрын

Theo 😍

@RaducuGabriel 7 ай бұрын

generators for queue messages

@elvispalace 7 ай бұрын

wait

@OybekDaniyarov 7 ай бұрын

globalThis feels like php $GLOBALS 😅

@croakgrogan 7 ай бұрын

These all seem extremely problematic imo. Maybe I’m too much of a purist but I don’t think I’d feel comfortable stepping outside the walls of a framework for production apps. At some point, some of this stuff is going to break as part of a NextJS update and if you’re leveraging things like this heavily in your app, you’re suddenly going to have a lot of broken code to deal with.

@zyrphath 7 ай бұрын

Well he did say repeatedly that these patterns are cursed and not blessed by Vercel ... did you for some reason expect production-stable code from that?

@case6339 7 ай бұрын

The globalThis and script dangerouslyinnerhtml one is in production code at Theo's own commercial project as he stated in this video.@@zyrphath