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

@StephenRayner

6 ай бұрын

Loving it!!

@skyhappy

6 ай бұрын

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

6 ай бұрын

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

@didiercatz

6 ай бұрын

@@skyhappy Yeah. It has gone downhill.

@notrealsaga

6 ай бұрын

​@@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

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

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

5 ай бұрын

Cool site

I’d be interested in the Storybook situation.

@SanderCokart

6 ай бұрын

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

@hmerritt

6 ай бұрын

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

6 ай бұрын

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

6 ай бұрын

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

@gnrsn9714

6 ай бұрын

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.

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

6 ай бұрын

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

@sergiolozavillarroel3784

6 ай бұрын

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

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

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

6 ай бұрын

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

Would absolutely LOVE seeing the Zustand stuff you got going!

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.

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.

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

6 ай бұрын

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

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

Prime single-handedly made htmx popular 😂

@more-sun

6 ай бұрын

Go and htmx go hand in hand today 😂

@codedusting

6 ай бұрын

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

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?

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

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

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

cant believe nest is still that underrated tbh

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.

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

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

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

6 ай бұрын

yes, mobx is amazing ❤

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.

Congrats on 200K

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

Congrats for 200K ❤

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

6 ай бұрын

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

6 ай бұрын

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

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

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.

CSS and storybook video yes yes! 🙌

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.

Yea please do a video about storybook!

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

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

@pylotlight

6 ай бұрын

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

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

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

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)

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!

Would love to see more on Zustand!!!!

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

200K subs. well deserved

Congratz on create-t3-app ❤

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.

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

Another banger 👌👌

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

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

6 ай бұрын

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

6 ай бұрын

skill issue tbh

@YammyBoh7

6 ай бұрын

@@levyroth I like that take.

@YammyBoh7

6 ай бұрын

@@asdasdasdasdss8603 likely

@SXsoft99

6 ай бұрын

@@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"

Would love to see more about Zustand/Jotai

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

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

nice to see supabase riding high there.

isn't svelte a good static site generator?

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

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.

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

congrats on 200k

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.

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

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_

6 ай бұрын

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

@Serizon_

6 ай бұрын

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

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

@r4zen976

6 ай бұрын

Arc

@alexg4927

6 ай бұрын

@@r4zen976 Thank you!

Love excalidraw. Way better than any other wireframing apps

@mohojojoo

6 ай бұрын

hi

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

Yes, do module federation

please do content on module federation!

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

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!

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

My vote for a storybook rant video

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

More module federation! :D

Svelte for the win

HTMX make my jobs a lot easier working with backend.

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

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

Take a look at effector as a state manager

i want to see crazy stuff with zustand

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

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

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

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

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.

ZUSTAND VIDEO PLEASE!

Pls make video on wails

You forgot how nice nx is becoming

Very interested in why you don’t like storybook

did someone say create-expo-stack ?

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

Time to spend some time on Vue!

Zustand!

I can relate to your penmanship issues

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

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

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

Would be keen to see the anti storybook video

Please make a video on zustand

Zustand or Jotai?

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

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

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

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.