The Most Hyped JavaScript Of 2023

[@LuKaSSthEBosS]

gotta respect the hustle, video a day and no enthusiasm lost

[@StephenRayner]

Loving it!!

[@skyhappy]

The clickbait is getting too cringe and the videos are just noise about what's happening in the js world. Theo's channel is ironically experiencing enshittification. You can see he's just making videos for the sake of making videos.

[@fullstack_journey]

​@@skyhappy the best decision in my life was to leave react and move into backend professionally

[@didiercatz]

@@skyhappy Yeah. It has gone downhill.

[@notrealsaga]

​@@skyhappy yeah, i understand the clickbait is needed for the engagement but i certainly don't feel respected as a subscriber when I read it

[@thisweekinreact]

So this is where all my new subscribers from from 😄 Thanks again :) I'd be happy to have a video on Panda and Storybook!

[@16hertz7]

Cool site

[@whitefluffycloud]

If there is one thing I would love to see more of, it's those crazy things you're up to with Zustand!

[@rtorcato]

Turbo repo is pretty cool and I see more projects using it. Should get way more attention.

[@Pix3lmate]

Could you please do a video on Storybook ? And on how you can make sure when you introduce a new person to a project they can be sure they do not re-create a component that already exists in some form.

[@shafiq_ramli]

Theo have you done a video about yourself on how you've got into coding? I want to know if you've got a CS degree or not and how did you broke through the industry.

[@thegrumpydeveloper]

That storybook video would be spicy. 🌶️ would love to hear about it. It works well for many things but definitely not perfect. Feel bad for the rome project but “the fall of Rome” a pretty funny quip in that summary.

I’d be interested in the Storybook situation.

[@SanderCokart]

Same! I wanna know if i should bail now cuz I am using it for my SHADCN haha

[@hmerritt]

I'm not a fan of storybook either - my guess would be - he doesn't like the boilerplate needed + it's a massive dependency for what it is. A normal react-app node_modules is like 40,000 files - install storybook, and suddenly it's 100,000 !!!!

[@joaopslins]

Same. If you work together with a design team, I think figma + storybook is a great combo. A little troublesome to make it effective in terms of process, but I wouldn't blame the tooling.

[@SanderCokart]

I created a shadcn component library with storybook and next js client and server separation

[@gnrsn9714]

If you're not using storybook as a separate package then I understand that you don't like. They're also not great att communicating how you should set it up in your projects. A common setup I see is creating a "workshop" package in your monorepi. Disregarding the setup though, when it's up and working it's a godsend in projects with size and scope that requires it. Some of the pros include: - No need to trigger edge cases, e.g. fail states, to develop UI components to handle those cases. - After you have developed your UI using storybook, stories describe some of the edge cases you expect and support, no need to question "do we handle this" 6 months down the line and then try to go and trigger it to find out. - If your app doesn't hot reload, or takes a while to load in general (e.g. slow apis) storybook still enables an instant devloop. - In my experience, storybook enforces better component interfaces/props as a side effect. It's much harder to just "add another prop to fix my need" when it doesn't make sense to do so. - It also forces you to ensure that components work in isolation. No weird styling reuse that risk breaking and no side effect abuse of the global scope.

[@spaceemotion1]

Would love to see a video on StoryBook! At work we're looking to migrate to it, as we currently use a legacy, unmaintained system that was created pre-Storybook times.

[@gnrsn9714]

Storybook is great. It's a bit strange to get up and running but if you're at a company/project with a need for it, just go for it. We've decided to wrap it as a tooling module in our monorepo with custom scripts wrapping storybook-cli (this allows us to dev-depend on it without installing it in every frontend project). Imo that's the way to go

[@chrissalgaj4111]

Would absolutely LOVE seeing the Zustand stuff you got going!

[@bimaadi6194]

24:54 wails type safety is really great. when you use wails with typescript whenever you change/add function in golang code, wails will regenerate typescript definition, so you get type safety between golang and typescript

[@bunkerkids1]

He talks about this in his video where he celebrates the launch of the new t3 docs launch.

[@markamber1480]

I moved our internal tool stuff from appsmith to retool now I’m super bummed I didn’t see refine until now. Also learning about that cool UI library topping the charts and loving the idea of copy paste vs npm as we loathe dependencies and our current internal library is just copy paste but uses some mui this looks identical in look and feel. Great content. I’m not a hype train guy and it’s good to have all the hype consolidated to one article and have you read it out. Thanks

[@TesterAnimal1]

Don’t worry, it will all change again next month.

[@sergiolozavillarroel3784]

I was quite interested in using appsmith, mind sharing why you switched from appsmith?

[@_sophiaha]

Congrats on T3 getting into the top 5 for full stack. Also I'm very interested in watching a vid on zustand use cases

[@DustinTownsend]

I disagree with your take on NestJS. I think it has its place in the ecosystem. We have had a lot of success using it. It may not be great for a greenfield project, but for us it has enabled us to modernize our legacy enterprise javascript application into typescript. It's not perfect but don't think it deserves the hate it gets from some.

[@andybrice2711]

I'm glad to see Directus getting more recognition at 32:06. It seems quite polished, and very promising. It's become my go-to when I need to create a database with a GUI and API.

[@Arma5666]

Sad to see that MobX is not mentioned in state management! It's similar to Jotai under the hood with atoms, but offers a super nice looks-like-imperative-code API to manage your state. Subscriptions are implicit on render with mobx-react. Very easy to get correct and performant code with it.

[@kirillvoloshin2065]

yes, mobx is amazing ❤

[@MerthanMerter]

cant believe nest is still that underrated tbh

[@codedusting]

Prime single-handedly made htmx popular 😂

[@more-sun]

Go and htmx go hand in hand today 😂

[@codedusting]

@@more-sun yup. It's a great combination even if combined with templ

[@PhilipAlexanderHassialis]

In the "in other news" they misspelled "Qwik" to "Quik" lol Edit: also also, yes, a video on Zustand would be much appreciated!

[@tarat.techhh]

Congrats for 200K ❤

[@twjr4547]

Please do a video on everything. Why its good, why its bad and the netural. You have a way of breaking things down and explaining things that really, really helps. From topics i've never heard of to the video of you explaining NEXTJS. Please oh please, i beg thee, please do video's on these. Especially your take on Storybook.

[@ExponentialWorkload]

in regards to next: i use sveltekit, which for all intents and purposes achieves what next does for react, both for server code, and for prerendering static html to serve from github pages - both are valid use-cases for sveltekit, and in react are valid use-cases for next. they may not be your use-case, and they may not be where the tool provides the most resources, but it is still a use-case for a tool

[@couragic]

8:35 looks like Refine dev can be a basement for AI-generated user interfaces, very promising

[@Mitsunee_]

thank you for finally acknowleding nanostores, I've been yelling about it for years now lol. I do agree that Jotai looks very similar, but nanostores is literally tiny and solves 90% of state management issues out of the box. I've never had a need for any other solution between the (p)react adapter(s) and persistence adapter :3

[@StephenRayner]

Oh man… your daily videos! 🎉 killing it!!!

[@YammyBoh7]

Diving into web development feels more complicated than it ever has because of the sheer number of paths to follow. Rather daunting but it's also confidence inspiring that these skills are more wanted and needed than ever before!

[@levyroth]

This generation of engineers don't have a clue about web design. That's why it's so complicated. They find problems to fit the tools they know, not the other way around.

[@asdasdasdasdss8603]

skill issue tbh

[@YammyBoh7]

@@levyroth I like that take.

[@YammyBoh7]

@@asdasdasdasdss8603 likely

[@SXsoft99]

@@asdasdasdasdss8603 oh yeah, for new people it's a skill issue when they google what to use and they hear people having 1000 options and the poor person is like "what now", and nobody tells them "learn what the local job market requires at first to get a job"

[@abrahamsimonramirez2933]

Svelte for the win

[@dominuskelvin]

Cool to see Rspack being mentioned. I adopted Rsbuild(a more user friendly framework based on Rspack) for Shipwright(the latest Sails asset pipeline)

[@scottamolinari]

Friendly pronunciation tip. "Zustand" is the German word for "condition" or "state something is in" and it is spoken "Zoo-shtahnd". Hihi... 😁😁😁

[@zakraw]

Congrats on 200K

[@rlvk]

Very interested in your take on Storybook and how you use Zustand! Great video

[@brandonmansfield4328]

Stars aren't really a good measure if much. It does bring some attention to a few projects, and that may boost them but it mostly just shows you what flashes in the pan happened. Not how I would pick a stack for a new project.

[@Tonaldo90]

CSS and storybook video yes yes! 🙌

[@Remiwi-bp6nw]

Show us your crazy Zustand stuff! I literally had a problem just yesterday that I think Zustand might help with (like, you literally described it as a solution to my problem in this video, so thanks lol)

[@bosung90]

Love excalidraw. Way better than any other wireframing apps

[@mohojojoo]

hi

[@boccobadz]

Loving Tauri - if I build a desktop app and the requirement for GUI is not Qt-based, it's my go-to. Tauri + Sveltekit + SurrealDB feels goated, especially when you need non-alloc data processing/streaming (done blazingly fast lol). Wails + htmx + templ also feels so freaking good. If only Python have something similar.

[@Serizon_]

I just don't know how to run rust go is genuinely just easy to learm

[@Serizon_]

Python is slow , maybe we can retry the approach in nim.

[@constantinefragkos4265]

If I had to make a React Native app I would go for a NestJS backend, since I have found that using NextJS/TRPC backend can be a bit junky, especially because of how hard monorepos are to implement. Might be biased from my previous use of Nest and keep typesafety by using frontend client/type generators like orval for typesafety. What would you all think would be a good typescript alternative now to my approach?

[@kodekorp2064]

Previous NestJS users for a few years around 2020. I left when I realized NestJS uses every single day to day packages we already have, and I already structure my projects just like NestJS without the need for NestJS. When using NestJS you just waste extra time if you already know how to build a good structure for projects. If you don’t know good structuring for projects, then use NestJS. It will teach you well. But I built TRPC in the same structure as NestJS with type safety from typescript, and I don’t have to rely on NestJS first party dependencies waiting to be up to date as the dependency package anymore, or get slowed down by their opionated nature.

[@constantinefragkos4265]

@@kodekorp2064 Thank you for the insight. How do you achieve end to end typesafety? With monorepo?

[@excalidraw]

Congratz on create-t3-app ❤

[@kirillvoloshin2065]

storybook dev server is immortal 😀 interested in your take (and whether there are alternatives)

[@eagerestwolf]

So, you weren’t quite wrong, but you were only halfway right about Pinia. Vue did have a standard state management library that everyone used, and it’s even what Redux was originally based on, Vuex. The problem is with the new composition API in Vue 3, Vuex no longer worked, leaving the Vue community with no state management libraries (believe it or not a lot of Vue developers actually turned to Redux because of its Vuex roots). So, long story short, Pinia was the missing state management library for Vue 3, not Vue.

[@Ziboo30]

Would love to see you uses of Zustang. Especially, like you talked about for games. I'm a game dev, and would love to see more games made with webdev tech

[@zeroliuxiyuan]

Hi Theo! You mentioned in a few videos that you invested in small startups such as Refine and Clerk whose products look very promising. I am also interested in investing and supporting these amazing rising star teams. I’m curious what the best way is to connect with them. Thanks!

[@DarkzarichV2]

I'd love to see you do crazy things with Zustand

[@StephenRayner]

Would love to see more on Zustand!!!!

[@not_a_human_being]

That "HTMX" thing - it really sounds like something that jQuery should be able to do.

[@cedericprivat]

Would love to see a video on your opinion on Storybook!

[@mrrolandlawrence]

nice to see supabase riding high there.

[@arthurdias354]

I want to see all the crazines going on on your projects with Zustand... 👀👀

[@abdulachik]

14:20 i agree but also nestjs is like the *backend-only* part of angularjs which is very stable and can be very fast for most things specially because having a documented openapi friendly API is very easy to achieve(just to name an example), at work we use it in many apis(although not in all we maintain) and its works just fine along with fastify instead of the express for the setup, we have I think 40 M users and its fast and very reliable for more complicated things that require a wise use of memory or long working processes or fault tolerant systems like theo said its probably not the best framework but also not the right language or runtime jejejejeje I'm a big fan of elixir so far

[@WilliamWelsh]

congrats on 200k

[@hastingskondwani1066]

200K subs. well deserved

[@weirdinnit22]

Wails is a really cool project. Would love to see a video about it! ❤

[@pylotlight]

I don't foresee that happening purely cause he's a web dev instead of software/desktop dev.

[@Yars444]

Would love to hear about Module Federation and how it evolved with Webpack, as I heard there's Module federation v1.5

[@keenoogodlike]

HTMX make my jobs a lot easier working with backend.

[@iceinvein]

Yea please do a video about storybook!

[@jirkasimecek792]

I would like to see those crazy things you build with Zustand ☺

[@davidbartal7494]

bun's star graph is really interesting though, there was a gigantic spike in september that died of pretty soon

[@z_0968]

Not sure if you're recording this in Arc Incognito Mode or just a black theme. But has another Arc user, the black borders are less distracting then 2 sets of colored borders yours and mine.

[@jly_dev]

Would love to see more about Zustand/Jotai

[@adoreos]

My vote for a storybook rant video

[@GreatBritton]

I’m interested in differences or intents between panda and styleX. My understanding is they’re pushing for the same thing?

[@reinoob]

Styled components works on every single framework, including react-native.

[@patrickisboard]

Jōtai 状態 “Joe Tye” 🤙 Love this kind of content, keep it up!

[@yiannis_p]

Another banger 👌👌

[@derverbogeneloffel4110]

please do content on module federation!

[@ZwCode]

Storybook is one of my favorite projects, I need to know why you don’t like it.

[@KevinHoskinson647]

Very interested in why you don’t like storybook

[@OwlArtz]

More module federation! :D

[@vibrantneon.]

Would be cool to see something about zustand, I don't know much about react aside from the chrome extension I made with plasmo, but have heard of it before.

[@u007james]

but we want decorator and typescript with node stack, thats why nestjs exists

[@meslzy]

I just explored panda, it's f**** amazingggggggg.

[@poggybitz513]

Man, Javascript changes faster than i change my underwear. dyamn.

[@abujessica]

ZUSTAND VIDEO PLEASE!

[@jayshah5695]

You forgot how nice nx is becoming

[@codestuff3685]

Yes, do module federation

[@rvgn]

Linaria has similar to styled components or emotion, but all the styles are extracted during build. I wanted to play with it, but by the time I had the chance, I really just wanted something that works out-of-the-box with Next. I've used emotion previously, and setting it up has always been a pain. Now I'm using CSS modules with Sass. I think it could be much nicer than it is. I hate the restrictions placed on the selectors for instance. Also unless I'm missing something, it seems CSS modules haven't been updated in several years now. Is it still being developed?

[@joshbedo8291]

Surprised NextUI isn't up there. Has more components, they're more refined, and each component is npm installable.

[@azizsafudin]

Looks like they’re in the same space as MUI but worse?

[@joshbedo8291]

@@azizsafudin no definitely closer to Shadcn if not better try it before you have an opinion

[@karis7539]

personally i just don't understand any reason to go for zustand when react-mobx-lite exists. all you do is create a empty class and it just has nested reactivity with ability to change variables directly

[@FzsHotDogInDonut]

Oh man. So many tools.where do they all go? how do they all come together?

[@lauracamellini7999]

Congrats for your fourth place 🎉please let us know about zostang

[@salka_]

Interesting that Redux never came up in state management. Is it done for?

[@markcruise]

I love these videos, but am I the only one who thinks of Beaker from the Muppets when I see these thumbnails?

[@termorey]

Take a look at effector as a state manager

[@alexg4927]

What's the browser used by Theo in the video?

[@r4zen976]

Arc

[@alexg4927]

@@r4zen976 Thank you!

[@tannerr-dev]

isn't svelte a good static site generator?

[@bricklou]

And on the other hand, there is AdonisJS v6 which just come out this week and so few peoples are talking about... 😕

[@LetrixAR]

Suprised that Tauri is there given that JS is totally optional

[@atomboyd]

More Federated Modules please. #FEDMOD

[@neofox2526]

whats the difference between signals and jotai they seem like the same thing

[@StephenRayner]

Two Zustand state machines that have a good interop layer… SHOW ME THIS! Please please, I’m looking at how to build state machines with Zustand for Twilio programmable voice.

[@zrtsky]

Is t3-app so good that it is considered as a backend-fullstack framework ? 😄

[@mosescosme8629]

I'm very grateful that you do these videos. There's some tech here that I didn't know about that I absolutely needed to be using. Thanks Theo!

[@juanferrer5885]

Zustand or Jotai?

[@youhan96]

Time to spend some time on Vue!

[@ShravanSunder]

@theo would love to see how you use zustand and jotai

[@neoish]

Why when it came to Million getting more stars you didn’t attribute it to the same reason you thought Next was above React?

[@gilatron1241]

Zustand!

[@fruduruk]

Zustand is the german word for state. Like in state machine.

[@gabrielbianchi2246]

Please make a video on zustand

[@lautarodapin]

i want to see crazy stuff with zustand