Тёмный

The Most Hyped JavaScript Of 2023 

Theo - t3․gg
Подписаться 336 тыс.
Просмотров 79 тыс.
50% 1

The GitHub Rising Stars is a really nice way to track the trends of the year in JavaScript land. All of these Github repos are helping push the web forward, huge shoutout to all the maintainers and everyone involved with the making of this list!!!
Rising Stars: risingstars.js...
THINGS I MENTIONED
Shadcn/ui video: • These New Components B...
Truth About HTMX: • The Truth About HTMX
Sebastian Lorber (newsletter guy): / sebastienlorber
Sebastian Markbage (React core and Vercel guy): / sebmarkbage
Check out my Twitch, Twitter, Discord more at t3.gg
S/O Ph4se0n3 for the awesome edit 🙏

Опубликовано:

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 189   
@LuKaSSthEBosS
@LuKaSSthEBosS 8 месяцев назад
gotta respect the hustle, video a day and no enthusiasm lost
@StephenRayner
@StephenRayner 8 месяцев назад
Loving it!!
@skyhappy
@skyhappy 8 месяцев назад
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
@fullstack_journey 8 месяцев назад
​@@skyhappy the best decision in my life was to leave react and move into backend professionally
@didiercatz
@didiercatz 8 месяцев назад
@@skyhappy Yeah. It has gone downhill.
@notrealsaga
@notrealsaga 8 месяцев назад
​@@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
@whitefluffycloud
@whitefluffycloud 8 месяцев назад
If there is one thing I would love to see more of, it's those crazy things you're up to with Zustand!
@thisweekinreact
@thisweekinreact 8 месяцев назад
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
@16hertz7 7 месяцев назад
Cool site
@rtorcato
@rtorcato 8 месяцев назад
Turbo repo is pretty cool and I see more projects using it. Should get way more attention.
8 месяцев назад
I’d be interested in the Storybook situation.
@SanderCokart
@SanderCokart 8 месяцев назад
Same! I wanna know if i should bail now cuz I am using it for my SHADCN haha
@hmerritt
@hmerritt 8 месяцев назад
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
@joaopslins 8 месяцев назад
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
@SanderCokart 8 месяцев назад
I created a shadcn component library with storybook and next js client and server separation
@gnrsn9714
@gnrsn9714 8 месяцев назад
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.
@markamber1480
@markamber1480 8 месяцев назад
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
@TesterAnimal1 8 месяцев назад
Don’t worry, it will all change again next month.
@sergiolozavillarroel3784
@sergiolozavillarroel3784 7 месяцев назад
I was quite interested in using appsmith, mind sharing why you switched from appsmith?
@Pix3lmate
@Pix3lmate 8 месяцев назад
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.
@chrissalgaj4111
@chrissalgaj4111 8 месяцев назад
Would absolutely LOVE seeing the Zustand stuff you got going!
@spaceemotion1
@spaceemotion1 8 месяцев назад
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
@gnrsn9714 8 месяцев назад
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
@thegrumpydeveloper
@thegrumpydeveloper 8 месяцев назад
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.
@shafiq_ramli
@shafiq_ramli 8 месяцев назад
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.
@_sophiaha
@_sophiaha 8 месяцев назад
Congrats on T3 getting into the top 5 for full stack. Also I'm very interested in watching a vid on zustand use cases
@bimaadi6194
@bimaadi6194 8 месяцев назад
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
@bunkerkids1 8 месяцев назад
He talks about this in his video where he celebrates the launch of the new t3 docs launch.
@DustinTownsend
@DustinTownsend 8 месяцев назад
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.
@codedusting
@codedusting 8 месяцев назад
Prime single-handedly made htmx popular 😂
@more-sun
@more-sun 8 месяцев назад
Go and htmx go hand in hand today 😂
@codedusting
@codedusting 8 месяцев назад
@@more-sun yup. It's a great combination even if combined with templ
@PhilipAlexanderHassialis
@PhilipAlexanderHassialis 8 месяцев назад
In the "in other news" they misspelled "Qwik" to "Quik" lol Edit: also also, yes, a video on Zustand would be much appreciated!
@MerthanMerter
@MerthanMerter 8 месяцев назад
cant believe nest is still that underrated tbh
@Arma5666
@Arma5666 8 месяцев назад
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
@kirillvoloshin2065 8 месяцев назад
yes, mobx is amazing ❤
@couragic
@couragic 8 месяцев назад
8:35 looks like Refine dev can be a basement for AI-generated user interfaces, very promising
@andybrice2711
@andybrice2711 8 месяцев назад
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.
@YammyBoh7
@YammyBoh7 8 месяцев назад
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
@levyroth 8 месяцев назад
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
@asdasdasdasdss8603 8 месяцев назад
skill issue tbh
@YammyBoh7
@YammyBoh7 8 месяцев назад
@@levyroth I like that take.
@YammyBoh7
@YammyBoh7 8 месяцев назад
@@asdasdasdasdss8603 likely
@SXsoft99
@SXsoft99 8 месяцев назад
@@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"
@twjr4547
@twjr4547 8 месяцев назад
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.
@arthurdias354
@arthurdias354 8 месяцев назад
I want to see all the crazines going on on your projects with Zustand... 👀👀
@DarkzarichV2
@DarkzarichV2 8 месяцев назад
I'd love to see you do crazy things with Zustand
@not_a_human_being
@not_a_human_being 7 месяцев назад
That "HTMX" thing - it really sounds like something that jQuery should be able to do.
@kirillvoloshin2065
@kirillvoloshin2065 8 месяцев назад
storybook dev server is immortal 😀 interested in your take (and whether there are alternatives)
@Yars444
@Yars444 8 месяцев назад
Would love to hear about Module Federation and how it evolved with Webpack, as I heard there's Module federation v1.5
@Mitsunee_
@Mitsunee_ 8 месяцев назад
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
@ExponentialWorkload
@ExponentialWorkload 8 месяцев назад
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
@constantinefragkos4265
@constantinefragkos4265 8 месяцев назад
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
@kodekorp2064 8 месяцев назад
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
@constantinefragkos4265 8 месяцев назад
@@kodekorp2064 Thank you for the insight. How do you achieve end to end typesafety? With monorepo?
@rlvk
@rlvk 8 месяцев назад
Very interested in your take on Storybook and how you use Zustand! Great video
@dominuskelvin
@dominuskelvin 8 месяцев назад
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
@scottamolinari 8 месяцев назад
Friendly pronunciation tip. "Zustand" is the German word for "condition" or "state something is in" and it is spoken "Zoo-shtahnd". Hihi... 😁😁😁
@derverbogeneloffel4110
@derverbogeneloffel4110 8 месяцев назад
please do content on module federation!
@karis7539
@karis7539 8 месяцев назад
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
@eagerestwolf
@eagerestwolf 3 месяца назад
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.
@Remiwi-bp6nw
@Remiwi-bp6nw 8 месяцев назад
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)
@brandonmansfield4328
@brandonmansfield4328 8 месяцев назад
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.
@zeroliuxiyuan
@zeroliuxiyuan 8 месяцев назад
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!
@vibrantneon.
@vibrantneon. 8 месяцев назад
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.
@Ziboo30
@Ziboo30 8 месяцев назад
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
@StephenRayner
@StephenRayner 8 месяцев назад
Oh man… your daily videos! 🎉 killing it!!!
@abdulachik
@abdulachik 8 месяцев назад
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
@boccobadz
@boccobadz 8 месяцев назад
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_
@Serizon_ 8 месяцев назад
I just don't know how to run rust go is genuinely just easy to learm
@Serizon_
@Serizon_ 8 месяцев назад
Python is slow , maybe we can retry the approach in nim.
@z_0968
@z_0968 8 месяцев назад
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.
@u007james
@u007james 8 месяцев назад
but we want decorator and typescript with node stack, thats why nestjs exists
@abrahamsimonramirez2933
@abrahamsimonramirez2933 8 месяцев назад
Svelte for the win
@bosung90
@bosung90 8 месяцев назад
Love excalidraw. Way better than any other wireframing apps
@mohojojoo
@mohojojoo 8 месяцев назад
hi
@adoreos
@adoreos 8 месяцев назад
My vote for a storybook rant video
@iceinvein
@iceinvein 8 месяцев назад
Yea please do a video about storybook!
@keenoogodlike
@keenoogodlike 8 месяцев назад
HTMX make my jobs a lot easier working with backend.
@GreatBritton
@GreatBritton 8 месяцев назад
I’m interested in differences or intents between panda and styleX. My understanding is they’re pushing for the same thing?
@jirkasimecek792
@jirkasimecek792 8 месяцев назад
I would like to see those crazy things you build with Zustand ☺
@tarat.techhh
@tarat.techhh 8 месяцев назад
Congrats for 200K ❤
@cedericprivat
@cedericprivat 8 месяцев назад
Would love to see a video on your opinion on Storybook!
@weirdinnit22
@weirdinnit22 8 месяцев назад
Wails is a really cool project. Would love to see a video about it! ❤
@pylotlight
@pylotlight 8 месяцев назад
I don't foresee that happening purely cause he's a web dev instead of software/desktop dev.
@mrrolandlawrence
@mrrolandlawrence 8 месяцев назад
nice to see supabase riding high there.
@codestuff3685
@codestuff3685 8 месяцев назад
Yes, do module federation
@Tonaldo90
@Tonaldo90 8 месяцев назад
CSS and storybook video yes yes! 🙌
@reinoob
@reinoob 8 месяцев назад
Styled components works on every single framework, including react-native.
@KevinHoskinson647
@KevinHoskinson647 8 месяцев назад
Very interested in why you don’t like storybook
@davidbartal7494
@davidbartal7494 8 месяцев назад
bun's star graph is really interesting though, there was a gigantic spike in september that died of pretty soon
@jly_dev
@jly_dev 8 месяцев назад
Would love to see more about Zustand/Jotai
@zakraw
@zakraw 8 месяцев назад
Congrats on 200K
@poggybitz513
@poggybitz513 8 месяцев назад
Man, Javascript changes faster than i change my underwear. dyamn.
@patrickisboard
@patrickisboard 8 месяцев назад
Jōtai 状態 “Joe Tye” 🤙 Love this kind of content, keep it up!
@StephenRayner
@StephenRayner 8 месяцев назад
Would love to see more on Zustand!!!!
@ZwCode
@ZwCode 8 месяцев назад
Storybook is one of my favorite projects, I need to know why you don’t like it.
@markcruise
@markcruise 8 месяцев назад
I love these videos, but am I the only one who thinks of Beaker from the Muppets when I see these thumbnails?
@jayshah5695
@jayshah5695 8 месяцев назад
You forgot how nice nx is becoming
@mosescosme8629
@mosescosme8629 8 месяцев назад
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!
@abujessica
@abujessica 8 месяцев назад
ZUSTAND VIDEO PLEASE!
@excalidraw
@excalidraw 8 месяцев назад
Congratz on create-t3-app ❤
@rvgn
@rvgn 8 месяцев назад
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?
@meslzy
@meslzy 8 месяцев назад
I just explored panda, it's f**** amazingggggggg.
@FzsHotDogInDonut
@FzsHotDogInDonut 8 месяцев назад
Oh man. So many tools.where do they all go? how do they all come together?
@OwlArtz
@OwlArtz 8 месяцев назад
More module federation! :D
@lauracamellini7999
@lauracamellini7999 8 месяцев назад
Congrats for your fourth place 🎉please let us know about zostang
@fruduruk
@fruduruk 7 месяцев назад
Zustand is the german word for state. Like in state machine.
@joshbedo8291
@joshbedo8291 8 месяцев назад
Surprised NextUI isn't up there. Has more components, they're more refined, and each component is npm installable.
@azizsafudin
@azizsafudin 6 месяцев назад
Looks like they’re in the same space as MUI but worse?
@joshbedo8291
@joshbedo8291 6 месяцев назад
@@azizsafudin no definitely closer to Shadcn if not better try it before you have an opinion
@bricklou
@bricklou 7 месяцев назад
And on the other hand, there is AdonisJS v6 which just come out this week and so few peoples are talking about... 😕
@youhan96
@youhan96 8 месяцев назад
Time to spend some time on Vue!
@hastingskondwani1066
@hastingskondwani1066 8 месяцев назад
200K subs. well deserved
@termorey
@termorey 8 месяцев назад
Take a look at effector as a state manager
@neoish
@neoish 8 месяцев назад
Why when it came to Million getting more stars you didn’t attribute it to the same reason you thought Next was above React?
@Serizon_
@Serizon_ 8 месяцев назад
Pls make video on wails
@atomboyd
@atomboyd 8 месяцев назад
More Federated Modules please. #FEDMOD
@WilliamWelsh
@WilliamWelsh 8 месяцев назад
nuxt is the only reason im willing to try vue
@WilliamWelsh
@WilliamWelsh 8 месяцев назад
congrats on 200k
@salka_
@salka_ 8 месяцев назад
Interesting that Redux never came up in state management. Is it done for?
@zrtsky
@zrtsky 8 месяцев назад
Is t3-app so good that it is considered as a backend-fullstack framework ? 😄
@StephenRayner
@StephenRayner 8 месяцев назад
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.
@gabrielbianchi2246
@gabrielbianchi2246 8 месяцев назад
Please make a video on zustand
@kodekorp2064
@kodekorp2064 8 месяцев назад
I’d try shadcn, but it relies on Tailwind. I prefer a more vanilla approach for more flexibility like PandaCSS.
@yiannis_p
@yiannis_p 8 месяцев назад
Another banger 👌👌
@lautarodapin
@lautarodapin 8 месяцев назад
i want to see crazy stuff with zustand
@yuck59
@yuck59 8 месяцев назад
the thumbnail selfies bro 😭come on
@neofox2526
@neofox2526 8 месяцев назад
whats the difference between signals and jotai they seem like the same thing
@juanferrer5885
@juanferrer5885 8 месяцев назад
Zustand or Jotai?
@ShravanSunder
@ShravanSunder 8 месяцев назад
@theo would love to see how you use zustand and jotai
Далее
It's time.
24:25
Просмотров 24 тыс.
Scaling Frontend App Development | Theo Reacts
37:13
Просмотров 33 тыс.
연준 (YEONJUN) ‘GGUM’ Official MV
02:44
Просмотров 9 млн
Cool Tools I’ve Been Using Lately
23:11
Просмотров 314 тыс.
JS At The Speed Of C
27:55
Просмотров 122 тыс.
Mobile Devs Hate Servers. Expo Wants To Fix That.
16:05
Why would any startup do this?
25:29
Просмотров 25 тыс.
JavaScript Framework Tier List
40:57
Просмотров 337 тыс.
How Programming Will Change In 2024
32:01
Просмотров 92 тыс.
React Wasn't Built For The Web
12:43
Просмотров 179 тыс.
How NextJS REALLY Works
28:25
Просмотров 148 тыс.
Gitlab DELETING Production Databases | Prime Reacts
17:27