Rethinking The Linter

Рет қаралды 75,205

3 ай бұрын

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 🙏

Пікірлер: 148

@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 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 Ай бұрын

@@ChrisCox-wv7oo 18:03 (to 18:05)

@Kane0123 3 ай бұрын

A company using AI but not jamming it down my throat… what a fresh new approach.

@tarunpai2121 3 ай бұрын

18:05 - you're an investor in what? Million? does that make this a sponsored post? or have I grossly misunderstood?

@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 3 ай бұрын

ah, so it's a shill post, ok :)

@tarunpai2121 3 ай бұрын

@@akam9919 right! That's what I wanted to say. Thanks for putting it correctly.

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

@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).

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

@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 3 ай бұрын

Yes

@ReadThisOnly 3 ай бұрын

thats crazy @@crispi_shots

@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 3 ай бұрын

Great video once again Theo! P.S. Theme link is missing in description

@sridharkatta3461 3 ай бұрын

yes we need a video on context

@arturoaguilera5167 2 ай бұрын

tener que tomar en cuenta el numero de renderizados , no sera un indicio malo del sistema que es react?

@reeceward5573 2 ай бұрын

Solid is the level up

@dv_interval42 3 ай бұрын

This sounds incredible actually

@LuicMarin 3 ай бұрын

Definitely want to see a video going in depth more about these react optimizations and useContext

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

@AlanFregtman 3 ай бұрын

Speaking of performance, there's a Rust-made linter for Python that is amazingly fast called "ruff".

@pairofrooks 3 ай бұрын

Legend of Dragoon reference?

@Marasma101 3 ай бұрын

New React 19 compiler wouldn’t make this obsolete?

@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

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

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

@JorgeLuisMachadoTorres 3 ай бұрын

Finally one video on which I agree with you 100% 😂mostly with the redux saga good job mate

@mzg147 3 ай бұрын

Please no AI generated lints, I think lints should be deterministic, while AI tips should stick to other interfaces.

@zenpool 3 ай бұрын

I loved (and miss) using redux-saga especially when working with streams/channels, prefer it a little bit vs observables 😥

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

@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

@frikkjarl3994 3 ай бұрын

I really desire this useContext video! :D

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

@sergeykozinecs7932 3 ай бұрын

Interesting is there anything similar for vue?

@nicolasguillenc 3 ай бұрын

Remember when you talked about the diagram with “the Prime line”? This arguably can push the line towards better performance for cheaper

@balaclava351 3 ай бұрын

An interesting idea. Hopefully they bring it to Webstorm because I really don't like VScode :(

@zuperxtreme 3 ай бұрын

Any idea if this would work for react-native?

@mattmmilli8287 3 ай бұрын

I would venture to guess it will considering it’s all the same react pattern of components and hooks etc

@Cyber_Lanka 3 ай бұрын

Are you gonna avoid talking about PlanetScale 😂?

@ts8960 3 ай бұрын

why does no one use million js if it increases performance by 70%? whats the catch?

@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 3 ай бұрын

not caring enough about it and it being pretty new is the catch ig

@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 3 ай бұрын

Inertia

@ts8960 3 ай бұрын

@@danisob3633 why isnt the react core team implementing these performance boosts?

@Sammysapphira 3 ай бұрын

0:38 wow, these cards are really pretty. Is this just a linear gradient border with padding?

@lcarsos 3 ай бұрын

1:13 did Theo just argue for scaffolding and codegen?

@kevin_nielsen 3 ай бұрын

Would love to hear a video about the proper ways to use context!

@lupanama1960 3 ай бұрын

I'm interested to know about the context issue. why use use-context-selector, need a vid

@ykhi 3 ай бұрын

shoutout Igor for the killer theme

@ShekarGoud8055 3 ай бұрын

Yes Please! We want a context video

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

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

@philipmrch8326 3 ай бұрын

Does this exist for Neovim? I never use VSCode

@srymisclick 3 ай бұрын

wait for prime to live code it on stream

@chudchadanstud 2 ай бұрын

How do you improve your websites performance? Remove react and stop using fantasy animations.

@ifscho 3 ай бұрын

Interesting idea, but doesn't seem to work for me. Getting a "is no longer a waterfall hook" on my project.

@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

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

@traviswaithmair4809 3 ай бұрын

I wonder if this works on libraries

@nujzzled 2 ай бұрын

just clicked the sub button. 3:50 am I an expert now?

@lucagguglielmi 3 ай бұрын

Do the context video plz

@radezzientertainment501 2 ай бұрын

this is a nice one, will definitely look into adding this

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

@dbalencar 3 ай бұрын

Which web browser do you use?

@Dekutard 3 ай бұрын

it’s called Arc browser. a newer one

@moyosoreolaleye7343 3 ай бұрын

I would also like to know

@hmartsocks 3 ай бұрын

Arc

@kennylindahl2885 3 ай бұрын

The thumbnails 😂

@samuelparry5736 3 ай бұрын

Everytime Theo talks about how "subscribing is free" it makes me want to unsubscribe

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

@thisweekinreact 3 ай бұрын

Ooh nooooo, I helped create the Redux saga pattern and inspired the project name 😅

@marcelobenjamn 3 ай бұрын

I worked in a company that used Redux Saga to call APIs. It was a mess.

@SamyarBorder 3 ай бұрын

does it has a NeoVim plugin too?

@ononaokisama 3 ай бұрын

Probably not ngl

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

@carlosricardoziegler2650 3 ай бұрын

Really interesting tool :)

@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_ 3 ай бұрын

Sounds like Sonarlint...

@ElvenSpellmaker 3 ай бұрын

`... ({mode, setMode}), [mode, setMode]);` JavaScript in a nutshell.

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

@bj97301 3 ай бұрын

React native one day? 🤞

@Gregorius_ 3 ай бұрын

my solution: don't use react

@azamatcto 3 ай бұрын

Why

@austincodes 3 ай бұрын

React isn't the problem. It's your bad code

@Gregorius_ 3 ай бұрын

@@austincodes i never coded react in my life, so i don't think *my* bad code is the problem bud

@SharunKumar 3 ай бұрын

Cope 😂

@kylegaijin 3 ай бұрын

not interested in anything that requires me to use vsCoad

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

@MD14493 2 ай бұрын

Is there something similar for Angular?

@SonAyoD 2 ай бұрын

This would work the same in react native right?

@SumoCumLoudly 3 ай бұрын

the react community is really going out of its way to not switch to Solid, bizarre to watch

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

@brandonthomas22 3 ай бұрын

Just don't use React

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

@rootbeernineteen135 3 ай бұрын

It's arguably justified, but the long form content is a lot

@javierflores09 3 ай бұрын

How is 20mins considered long-form content at all

@carloslfu 3 ай бұрын

Pricing for B2C sucks! Sell to companies.

@DmitriiBaranov-ib3kf 3 ай бұрын

Ugh, just use Vue and forget this excuse for a framework for good.

@Malix_off 3 ай бұрын

Rethinking the Linter? More like Reworking TypeScript

@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

@yousafwazir286 3 ай бұрын

Theo please stop

@trufavarela 3 ай бұрын

If this was Gotham chess it’d be perfect for a pin of shame

@90vackoo 3 ай бұрын

second to none 😆

@an-eios7125 3 ай бұрын

React 🤮

@Jay-pj7ob 3 ай бұрын

First ??

@dasten123 3 ай бұрын

Got excited for nothing... damn React crap

@wlockuz4467 3 ай бұрын

Never let JS devs think, let alone rethink.

@wentallout 3 ай бұрын

React stuff? don't care. trash framework. I'm not gonna sit here trying to make React fast when Svelte already does that by default. Imagine downloading extra stuff to "fix" React, what a joke. frameworks should have those things built-in.

@plaintext7288 3 ай бұрын

Is Svelte that fast?

@diablo-project 3 ай бұрын

What are you doing here then buddy?

@night23412 3 ай бұрын

@@plaintext7288 well svelte uses a compiler instead of a virtual DOM so it's definitely faster

@witchmorrow 3 ай бұрын

thanks for your input lol

@luca4479 3 ай бұрын

@@plaintext7288yes, but svelte 5 will increase performance even more, basically as good as native javascript and faster than solidjs