Тёмный

Rethinking The Linter 

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

Million Lint is much better than I expected. Building a relationship between compiler, browser, and VS Code is genius, and I'm so hyped to see what they do with it.
SOURCES
million.dev/blog/lint
www.igorbedesqui.com/writing/...
Check out my Twitch, Twitter, Discord more at t3.gg
S/O Ph4se0n3 for the awesome edit 🙏

Наука

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

 

16 мар 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 136   
@Grundoko
@Grundoko 3 месяца назад
You should declare your conflict of interest up front and in the comments. You waited until the very end of the video where the smallest number of people are likely to see it to admit that you're an investor and therefore have a personal incentive to speak positively of million and to exclude its drawbacks.
@ChrisCox-wv7oo
@ChrisCox-wv7oo 2 месяца назад
Time stamp? I rewatched the last 7 minutes and still didn't see that he was an investor. $20 for 100 lints seems pretty bad, and that Theo defended it as sounding bad, but is actually really good for twitch to pay for just kind of underpins that this wasn't a unbiased reaction video.
@hungrymusicwolf
@hungrymusicwolf 2 месяца назад
@@ChrisCox-wv7oo 18:03 (to 18:05)
@Kane0123
@Kane0123 3 месяца назад
A company using AI but not jamming it down my throat… what a fresh new approach.
@TheUnknownFactor
@TheUnknownFactor 3 месяца назад
What I actually liked most about this video is the examples of things that slow down react apps and how to fix them. Does a good job of illustrating some of the things I really dislike about React (because explaining these things to non-senior frontend devs is repetetive and often not easy).
@tarunpai2121
@tarunpai2121 3 месяца назад
18:05 - you're an investor in what? Million? does that make this a sponsored post? or have I grossly misunderstood?
@akam9919
@akam9919 3 месяца назад
Being an investor does not make it a "sponsored" post. To be "sponsored", one need to be PAID BY and FOR content. Now that being said, you still need to disclaim it.
@pairofrooks
@pairofrooks 3 месяца назад
ah, so it's a shill post, ok :)
@tarunpai2121
@tarunpai2121 3 месяца назад
​@@akam9919 right! That's what I wanted to say. Thanks for putting it correctly.
@DaviAreias
@DaviAreias 3 месяца назад
I suspected it the moment he said they didn't mention AI in the title, as if that meant the guys were trustworthy or something, when it just means they know their target audience is more educated on the AI hype than the general public.
@tarunpai2121
@tarunpai2121 3 месяца назад
@@DaviAreias For me it's at 19:04 when he says he could actually see himself paying for it, thereby influencing the audience in that direction. Again, I have no issues with it, he's free to do so; but if he indeed is an investor in Million, a disclaimer is the bare minimum.
@sridharkatta3461
@sridharkatta3461 3 месяца назад
yes we need a video on context
@EvertvanBrussel
@EvertvanBrussel 3 месяца назад
I want this for every framework. Mostly Svelte since that's my go-to framework anyway. But in any case, this could be SO useful for everyone.
@reeceward5573
@reeceward5573 2 месяца назад
Solid is the level up
@Zeragamba
@Zeragamba 3 месяца назад
16:33 They really need to define what a "lint" is. As i can see a lot of developers run the tool, fix one issue, run it again to get the next issue. Does each of those count against your limit?
@crispi_shots
@crispi_shots 3 месяца назад
Yes
@ReadThisOnly
@ReadThisOnly 3 месяца назад
thats crazy @@crispi_shots
@AidenBai
@AidenBai 3 месяца назад
This is Aiden! Thanks, fixing our definition in the blog. Lint = something is highlighted on the page (not included: errors, no issues found)
@SmashieHC
@SmashieHC 3 месяца назад
Great video once again Theo! P.S. Theme link is missing in description
@arturoaguilera5167
@arturoaguilera5167 3 месяца назад
tener que tomar en cuenta el numero de renderizados , no sera un indicio malo del sistema que es react?
@dv_interval42
@dv_interval42 3 месяца назад
This sounds incredible actually
@LuicMarin
@LuicMarin 3 месяца назад
Definitely want to see a video going in depth more about these react optimizations and useContext
@Marasma101
@Marasma101 3 месяца назад
New React 19 compiler wouldn’t make this obsolete?
@jwoods9659
@jwoods9659 3 месяца назад
Yea al this frontend stuff is dumb, how many companies using this stuff? 0, big corps are still using the same old school stuff Java, c#, ruby, plain Js
@AlanFregtman
@AlanFregtman 3 месяца назад
Speaking of performance, there's a Rust-made linter for Python that is amazingly fast called "ruff".
@pairofrooks
@pairofrooks 3 месяца назад
Legend of Dragoon reference?
@hl7297
@hl7297 3 месяца назад
You have to inject a bunch of code from the "linter" into **each** of your components to identify re-rendering issue, just because you can't understand the React devtool profiler?
@frikkjarl3994
@frikkjarl3994 3 месяца назад
I really desire this useContext video! :D
@MrEnsiferum77
@MrEnsiferum77 3 месяца назад
I've tried and remove it... I have issues with tools which in realtime detects issues, changes, and VS Code breaks, and slows my compile time, happening on WSL2...
@lcarsos
@lcarsos 3 месяца назад
1:13 did Theo just argue for scaffolding and codegen?
@nicolasguillenc
@nicolasguillenc 3 месяца назад
Remember when you talked about the diagram with “the Prime line”? This arguably can push the line towards better performance for cheaper
@JorgeLuisMachadoTorres
@JorgeLuisMachadoTorres 3 месяца назад
Finally one video on which I agree with you 100% 😂mostly with the redux saga good job mate
@Cyber_Lanka
@Cyber_Lanka 3 месяца назад
Are you gonna avoid talking about PlanetScale 😂?
@mzg147
@mzg147 3 месяца назад
Please no AI generated lints, I think lints should be deterministic, while AI tips should stick to other interfaces.
@ts8960
@ts8960 3 месяца назад
why does no one use million js if it increases performance by 70%? whats the catch?
@timthndr2996
@timthndr2996 3 месяца назад
It's just the beta for now and as Theo said there are still known bugs that might be a dealbreaker. I also haven't heard of it before this video so it might get some attention now.
@danisob3633
@danisob3633 3 месяца назад
not caring enough about it and it being pretty new is the catch ig
@FunctionGermany
@FunctionGermany 3 месяца назад
when millionjs first did the rounds, it was basically incompatible with all third party react libraries like component libraries, so barely anyone adopted it. idk if that has changed since.
@johnlombardo
@johnlombardo 3 месяца назад
Inertia
@ts8960
@ts8960 3 месяца назад
@@danisob3633 why isnt the react core team implementing these performance boosts?
@ykhi
@ykhi 3 месяца назад
shoutout Igor for the killer theme
@goldydog1
@goldydog1 3 месяца назад
Seems like this would also be useful for auto detecting bugs, if they used react error boundaries or read errors from the console
@madangryscientis
@madangryscientis 3 месяца назад
Super keen to use this at work. For a large code base $20 is rounding error. Our ci runs cost 100x this per month.
@zenpool
@zenpool 3 месяца назад
I loved (and miss) using redux-saga especially when working with streams/channels, prefer it a little bit vs observables 😥
@JanCajthaml
@JanCajthaml 3 месяца назад
I still use and love them, but Theo is right with not recommending them to beginners. Actor system design, messaging and channels are hard to master.
@zuperxtreme
@zuperxtreme 3 месяца назад
Any idea if this would work for react-native?
@mattmmilli8287
@mattmmilli8287 3 месяца назад
I would venture to guess it will considering it’s all the same react pattern of components and hooks etc
@ShekarGoud8055
@ShekarGoud8055 3 месяца назад
Yes Please! We want a context video
@kevin_nielsen
@kevin_nielsen 3 месяца назад
Would love to hear a video about the proper ways to use context!
@balaclava351
@balaclava351 3 месяца назад
An interesting idea. Hopefully they bring it to Webstorm because I really don't like VScode :(
@brielov
@brielov 3 месяца назад
I expect this to be more of an lsp than just a vscode extension. Those of us that don't use vscode would need a dedicated extension unless an lsp is provided.
@sergeykozinecs7932
@sergeykozinecs7932 3 месяца назад
Interesting is there anything similar for vue?
@AndyCormack
@AndyCormack 3 месяца назад
Another fantastic way to improve performance, and not need to waste time thinking about the guts of the framework as much just to make it perform well is to use Svelte, Solid, or HTMX 👌
@Sammysapphira
@Sammysapphira 3 месяца назад
0:38 wow, these cards are really pretty. Is this just a linear gradient border with padding?
@tom.watkins
@tom.watkins 3 месяца назад
The redux saga part gave me redux thunk flashbacks thanks 😅 nice to see AI not forced on us and just a 'part of the product', when i see heavy AI promotion now all I see is 'we arent very good devs but we made a gpt wrapper that looks impressive'
@lupanama1960
@lupanama1960 3 месяца назад
I'm interested to know about the context issue. why use use-context-selector, need a vid
@FizzlNet
@FizzlNet 2 месяца назад
That npx command is quite rude. It installs a vscode plugin and adds stuff to your package.json, even creates vite/(packagesystem) config (lord i hope it doesn't fuck up your old one if you have one). All without further confirmations. Man, I wonder what else it did... I sometimes forget that running npx-anything is like running random exes from the internet.
@philipmrch8326
@philipmrch8326 3 месяца назад
Does this exist for Neovim? I never use VSCode
@srymisclick
@srymisclick 3 месяца назад
wait for prime to live code it on stream
@traviswaithmair4809
@traviswaithmair4809 3 месяца назад
I wonder if this works on libraries
@nujzzled
@nujzzled 3 месяца назад
just clicked the sub button. 3:50 am I an expert now?
@chudchadanstud
@chudchadanstud 2 месяца назад
How do you improve your websites performance? Remove react and stop using fantasy animations.
@ifscho
@ifscho 3 месяца назад
Interesting idea, but doesn't seem to work for me. Getting a "is no longer a waterfall hook" on my project.
@kennylindahl2885
@kennylindahl2885 3 месяца назад
The thumbnails 😂
@dariofagotto4047
@dariofagotto4047 3 месяца назад
Feels like just having the information in and not the LLM part can be more future proof cause new solutions are always an annoying part and make it not something that can run without continuous upkeep
@zahash1045
@zahash1045 3 месяца назад
This reminds me of a hammer I had with a broken handle. Instead of replacing the handle, I attached the hammer to a helmet and whenever I want to drive a nail, I would wear the hammer and swing my head. But sometimes I miss and hit my head against the wall instead. So to fix that, I added some padding to my forehead and now it doesn’t hurt at all. Problem solved!!
@thisweekinreact
@thisweekinreact 3 месяца назад
Ooh nooooo, I helped create the Redux saga pattern and inspired the project name 😅
@lucagguglielmi
@lucagguglielmi 3 месяца назад
Do the context video plz
@dbalencar
@dbalencar 3 месяца назад
Which web browser do you use?
@Dekutard
@Dekutard 3 месяца назад
it’s called Arc browser. a newer one
@moyosoreolaleye7343
@moyosoreolaleye7343 3 месяца назад
I would also like to know
@hmartsocks
@hmartsocks 3 месяца назад
Arc
@marcelobenjamn
@marcelobenjamn 3 месяца назад
I worked in a company that used Redux Saga to call APIs. It was a mess.
@radezzientertainment501
@radezzientertainment501 2 месяца назад
this is a nice one, will definitely look into adding this
@samuelparry5736
@samuelparry5736 3 месяца назад
Everytime Theo talks about how "subscribing is free" it makes me want to unsubscribe
@himagainstill
@himagainstill 3 месяца назад
> An alternative compiler for React Cool > ... now a Y Combinator founder Ah, shit. Well, it was good while it lasted, I guess. Hope he enjoys his payout.
@gbsyi_
@gbsyi_ 3 месяца назад
Sounds like Sonarlint...
@SamyarBorder
@SamyarBorder 3 месяца назад
does it has a NeoVim plugin too?
@ononaokisama
@ononaokisama 3 месяца назад
Probably not ngl
@SamyarBorder
@SamyarBorder 3 месяца назад
I asked in their Discord server and they replied they are working on a CLI tool to give you the fixes in your CLI. Definitely not as good as a integrated plugin but still works i guess.
@keithjohnson6510
@keithjohnson6510 3 месяца назад
Eh!!!, Unless DarkModeProvider is getting moved around the VDOM, I'm not sure your saving much on memorising (mode,setMode), it doesn't take any props so the only reason for a re-render, (apart from DEV mode and Strict) there should be very little reason for it to re-render. I know it was only an example, but maybe not a good example to show performance improvements..
@ElvenSpellmaker
@ElvenSpellmaker 3 месяца назад
`... ({mode, setMode}), [mode, setMode]);` JavaScript in a nutshell.
@carlosricardoziegler2650
@carlosricardoziegler2650 3 месяца назад
Really interesting tool :)
@bj97301
@bj97301 3 месяца назад
React native one day? 🤞
@Kaczucha888
@Kaczucha888 3 месяца назад
The fact that you need such tool for react just shows how much broken react is. Leave VDOM and effect stuff behind and you can forget about so much such nonsense related to react world only. Solid.js and signals is the way! There things either don't work or work properly 💪
@keithjohnson6510
@keithjohnson6510 3 месяца назад
I really like the simplicity of Solid, and it's certainly something I think worth considering. It's main problem of course is 3rd party libs, or course this could change over time. I would also say the best performance gain for React is not a Linter, but just a better state manager like Jotia etc.
@Gregorius_
@Gregorius_ 3 месяца назад
my solution: don't use react
@azamatcto
@azamatcto 3 месяца назад
Why
@austincodes
@austincodes 3 месяца назад
React isn't the problem. It's your bad code
@Gregorius_
@Gregorius_ 3 месяца назад
@@austincodes i never coded react in my life, so i don't think *my* bad code is the problem bud
@SharunKumar
@SharunKumar 3 месяца назад
Cope 😂
@kylegaijin
@kylegaijin 3 месяца назад
not interested in anything that requires me to use vsCoad
@davidsiewert8649
@davidsiewert8649 3 месяца назад
I tried million.js, I was not impressed. It does not work if you pass functions or other components as props -> only primitive values are allowed. The automatic mode - does not work reliably. The manual mode - you have to wrap everything in Higher-order-function block components in which you lose all type safety. You are forced some naming convention (that I'm not a fan of) for the million.js compiler to pick up and optimize the code. It feels like a much more simpler/crude version than Svelte (that relies very heavy on the compiler as well), so why not just use Svelte directly?
@AidenBai
@AidenBai 3 месяца назад
This is Aiden, thanks for your feedback. FYI - we fixed the primitive value issue >1 year ago, it should work. I would love to hear your thoughts on automatic mode - what is unreliable?
@SumoCumLoudly
@SumoCumLoudly 3 месяца назад
the react community is really going out of its way to not switch to Solid, bizarre to watch
@sioncamara7
@sioncamara7 3 месяца назад
It’s because of the fantastic ecosystems surrounding react. That ecosystem would take a very long time to replicate in another language. Easier to just fix react
@SumoCumLoudly
@SumoCumLoudly 3 месяца назад
​@@sioncamara7 98% of the ecosystem will be outdated stuff that you wouldnt use today, what is in the react ecosystem that isnt available in solid? most modern quality tools are framework agnostic anyway
@rootbeernineteen135
@rootbeernineteen135 3 месяца назад
It's arguably justified, but the long form content is a lot
@javierflores09
@javierflores09 3 месяца назад
How is 20mins considered long-form content at all
@MD14493
@MD14493 3 месяца назад
Is there something similar for Angular?
@SonAyoD
@SonAyoD 3 месяца назад
This would work the same in react native right?
@carloslfu
@carloslfu 3 месяца назад
Pricing for B2C sucks! Sell to companies.
@brandonthomas22
@brandonthomas22 3 месяца назад
Just don't use React
@complexity5545
@complexity5545 3 месяца назад
The React industry is turning into a loop of nightmares. The React APIs are actually getting bigger than JS, TS, and HTML. You have to be a dumb a55 to use it as your main stack.
@SandraWantsCoke
@SandraWantsCoke 3 месяца назад
There's really not much difference between all of the frameworks. One is faster to developer but runs slower, another is simpler, but has a higher bundle size, the third one may be the best of them all, but is still in beta and may not have too many libraries yet. It really does not matter imex. Server components are dope though, React now beats most other frameworks in performance because you can get away with shipping far less javascript for large projects, we are talking several times less. React will eventually die (see how amazing Astro is with View Transitions), and probably replaced by some Rust Templating engine, something like Templ in Go. In ~3 years there will just not be a need for React, but today it's the best choice for most projects.
@gageracer
@gageracer 3 месяца назад
Another react ecosystem win. React is so bad and so dependent on wrappers for any js to run, people had to copy paste npm packages with react in front of its name and now 'it has the best ecosystem'. Just lol
@Malix_off
@Malix_off 3 месяца назад
Rethinking the Linter? More like Reworking TypeScript
@DmitriiBaranov-ib3kf
@DmitriiBaranov-ib3kf 3 месяца назад
Ugh, just use Vue and forget this excuse for a framework for good.
@90vackoo
@90vackoo 3 месяца назад
second to none 😆
@yousafwazir286
@yousafwazir286 3 месяца назад
Theo please stop
@trufavarela
@trufavarela 3 месяца назад
If this was Gotham chess it’d be perfect for a pin of shame
@Jay-pj7ob
@Jay-pj7ob 3 месяца назад
First ??
@an-eios7125
@an-eios7125 3 месяца назад
React 🤮
@doyouwantsli9680
@doyouwantsli9680 3 месяца назад
Thats great but you can also just write simple code, avoid react and other bloated modules/frameworks and you don't need this at all.
@dasten123
@dasten123 3 месяца назад
Got excited for nothing... damn React crap
@wlockuz4467
@wlockuz4467 3 месяца назад
Never let JS devs think, let alone rethink.
@andreim6342
@andreim6342 3 месяца назад
react trash, people will move by this horrible framework
@maurvick6777
@maurvick6777 3 месяца назад
people will use whatever is easier and faster to write code, no one cares about perfomance or architecture in modern web.
@andreim6342
@andreim6342 3 месяца назад
@@maurvick6777 yes, and react is none of that :D, no
@MrEnsiferum77
@MrEnsiferum77 3 месяца назад
U need only CQRS on the FE, no matter what framework u use... BE is the trash...
@DmitriiBaranov-ib3kf
@DmitriiBaranov-ib3kf 3 месяца назад
Ugh, just use Vue and forget this excuse for a framework for good.
Далее
Why doesn't Facebook use git?
20:07
Просмотров 183 тыс.
We need to talk about this benchmark
42:25
Просмотров 64 тыс.
Video Compression Is Magical
29:55
Просмотров 86 тыс.
What Makes A Great Developer
27:12
Просмотров 145 тыс.
Symbolic AGI: How the Natural Will Build the Formal
43:32
Premature Optimization
12:39
Просмотров 764 тыс.
Cool Tools I’ve Been Using Lately
23:11
Просмотров 182 тыс.
AI Deception: How Tech Companies Are Fooling Us
18:59
The Truth About Code Performance (Sorry Prime)
20:03
Просмотров 118 тыс.
Life After SQL (EdgeDB Is Fascinating)
15:40
Просмотров 54 тыс.
`const` was a mistake
31:50
Просмотров 120 тыс.
Async Rust Is A Bad Language | Prime Reacts
28:46
Просмотров 87 тыс.