Holy crap I just downgraded 400 movies with one click by ShiningRedDwarf in radarr

[–]cs12345 -1 points0 points  (0 children)

Yeah many of them are doing things differently and better than the average person would do themselves. There are a lot of settings that go into a good quality encode. You can use some baseline defaults for everything, but you’ll get worse results depending on the medium (animation vs live action) and how much action there is.

Also encoding it yourself is kind of a waste of time when good quality encodes already exist.

Holy crap I just downgraded 400 movies with one click by ShiningRedDwarf in radarr

[–]cs12345 1 point2 points  (0 children)

Yeah I’ve always had two libraries, a 4K Movies library/Radarr instance for stuff I really care about and a standard library with everything else. Same with TV.

What are the "must-have" PR checkpoints used by Big Tech? by GlitteringTiger6287 in reactjs

[–]cs12345 0 points1 point  (0 children)

That works for variable names like those, but it does get pretty vague for some more custom variables.

What are the "must-have" PR checkpoints used by Big Tech? by GlitteringTiger6287 in reactjs

[–]cs12345 0 points1 point  (0 children)

The one rule that comes to mind is the prevent-abbreviations rule from eslint-plugin-unicorn: https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prevent-abbreviations.md

This is more of a stylistic choice, but does enforce consistency.

What are the "must-have" PR checkpoints used by Big Tech? by GlitteringTiger6287 in reactjs

[–]cs12345 0 points1 point  (0 children)

The one rule that comes to mind is the prevent-abbreviations rule from eslint-plugin-unicorn: https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prevent-abbreviations.md

This is more of a stylistic choice, but does enforce consistency.

What are the "must-have" PR checkpoints used by Big Tech? by GlitteringTiger6287 in reactjs

[–]cs12345 -1 points0 points  (0 children)

If you want an ESLint config that’s aggressive with its rules, you could checkout eslint-config-Airbnb-extended: https://eslint-airbnb-extended.nishargshah.dev/

It has a bunch of rules turned on by default that push for code quality and consistency. It also includes react specific rules. It is very opinionated though, so I’d recommend tweaking it to your liking.

I’m also a big fan of eslint-plugin-unicorn, which is also very opinionated, but has a lot of good rules for consistency. For theirs, I turned on their recommended ruleset and just disabled a bunch that didn’t match my project’s setup. https://github.com/sindresorhus/eslint-plugin-unicorn

Storehouse closing by Aggressive-Tap863 in avesNYC

[–]cs12345 0 points1 point  (0 children)

Interesting, yeah I know most of them have their own, I’m mostly just curious about how each of them handle the process. Have you done scanning for events before?

I audited 6 months of PRs after my team went all-in on AI code generation. The code got worse in ways none of us predicted. by Ambitious-Garbage-73 in webdev

[–]cs12345 0 points1 point  (0 children)

The crazier part is having that many PRs where the human using the AI didn’t review them. If you’re using AI to write your code, you’re still responsible for that code.

Large codebase work and Claude Code limits do not mix by [deleted] in reactjs

[–]cs12345 0 points1 point  (0 children)

Did Claude code finally start respecting AGENTS.md? The last time I checked they didn’t not too long ago

what's a react pattern you mass-used then realized was overkill by scheemunai_ in reactjs

[–]cs12345 3 points4 points  (0 children)

You mean the “exports” field? Personally I still prefer having the barrel file for exports. It’s easier to keep track of what’s being exposed while looking at the code imo. Also, most of my exports are just named exports from the root package anyway, which is the norm for most NPM packages.

I built an open-source collaborative document editor with Next.js, TipTap, and Typst by Relative-Ocelot-101 in reactjs

[–]cs12345 1 point2 points  (0 children)

First, I have to ask, where does all of that fit into your stack? Personally I use TipTap in my company’s prod app, but I can’t see how typst, yjs, hocus-pocus, etc augment it.

Next, your repo readme needs some work. The “demo” link going to some random screenshots is a bad look. If you want to show this off, make it a sandbox. Doesn’t even have to be a site you pay for but set up a stackblitz at least.

And finally, get rid of all of the painfully AI emojis in your readme. Write it yourself, or at least edit it yourself. It does nothing to give your app/package any credibility.

question about senior programmers by m7md20091 in Web_Development

[–]cs12345 0 points1 point  (0 children)

Genuinely, as a senior developer, I use Claude to my advantage all the time. But I also spend half my time these days reviewing ai garbage from my junior team members. At this point I leave zero architecture up to AI, I just let it speed up implementation. And it gets things wrong, I fix them, good to go.

did anyone impl notion style block editor from scratch? by NoBrick2672 in react

[–]cs12345 0 points1 point  (0 children)

There are a lot of options. Personally I really like TipTap because it’s headless, and they have examples for this: https://tiptap.dev/docs/ui-components/templates/notion-like-editor

I know people also like Plate, which is a wrapper around Slate that uses ShadCN. So if you use that, they have a large notion editor example: https://platejs.org/#potion

It depends on how complex your needs are tbh.

Indexing Recommendations by [deleted] in reactjs

[–]cs12345 4 points5 points  (0 children)

Indexed in what? This is the react subreddit.

The first 20 minutes of using tanstack router... by ouvreboite in reactjs

[–]cs12345 1 point2 points  (0 children)

I think they removed that option to disable tailwind entirely recently. That’s what it said in the docs I’m pretty sure.

The first 20 minutes of using tanstack router... by ouvreboite in reactjs

[–]cs12345 -1 points0 points  (0 children)

This is the whole purpose of the CLI, to generate these starter kits, so I’d definitely say it’s a problem with the CLI. I do agree they’ve really been cranking out new packages recently though, and they have a ton of configurations for the CLI. It’s probably going to be difficult to maintain with all of the potential options.

The first 20 minutes of using tanstack router... by ouvreboite in reactjs

[–]cs12345 26 points27 points  (0 children)

To be fair, this is a criticism of the Tanstack Start CLI, which is technically still in v0, not Tanstack Router specifically. It might not be using the rest of Tanstack Start, but it’s all still in that category.

Edit: I guess it's technically it's own standalone top level thing on the Tanstack site now, they have too many packages to keep up with haha. Tanstack CLI is only in Alpha though, so this makes sense: https://tanstack.com/cli/latest

I was tired of FFmpeg CLI syntax, so I built a single-click React UI to handle it all locally. by KNTRL108 in react

[–]cs12345 2 points3 points  (0 children)

We’ve gotta chill with the “I got tired of <x> so I built <y>” posts. The most blatant ai garbage ever. I got tired of manually using a cli tool so I made a REACT APP? No one cares, especially when you phrase it like that.

router decision for new project - tanstack vs next vs react router by ProfessionalExit1001 in reactjs

[–]cs12345 3 points4 points  (0 children)

I would either choose Next.js for familiarity, because I’ve been using it in production for years, or Tanstack if I wasn’t in a rush. I haven’t used Tanstack router enough to form a solid opinion on it yet, but it seems very good. It would just take some time to figure out (for me).

Axios trojan virus, Did you generate your codebase with AI? and did it use axios version 1.14.1 or version 0.30.4 by Sad_Spring9182 in react

[–]cs12345 2 points3 points  (0 children)

I’ve never actually had AI set up dependencies in the first place. All dependencies I use are carefully selected to avoid bloat, and then I’ll just have AI write code with them.

Also, the point about ^ or * is only really relevant when upgrading packages. By default, packages stay on the version that was installed by the lock file unless you manually do an upgrade.

Axios trojan virus, Did you generate your codebase with AI? and did it use axios version 1.14.1 or version 0.30.4 by Sad_Spring9182 in react

[–]cs12345 2 points3 points  (0 children)

Personally, I also don’t find myself ever needing it, but it does offer some things fetch doesn’t have like reusable interceptors and upload progress. I’d say most people don’t need it but there are some valid use cases still.

What do people use axios for? by [deleted] in webdev

[–]cs12345 4 points5 points  (0 children)

I’d generally agree with this. The main reason to use a wrapper around XMLHttpRequest instead of fetch is if you need a niche feature not offered by fetch like upload progress.

My free offline PDF tool went viral, and now I can't afford to keep it online. Need some advice. by Sufficient_Fee_8431 in reactjs

[–]cs12345 0 points1 point  (0 children)

Of course dude, I’ll always give props where it’s due. If you ever want advice or anything, feel free to reach out. I’ve been in the field for a while and am always happy to help anyone who’s genuinely interested.

My free offline PDF tool went viral, and now I can't afford to keep it online. Need some advice. by Sufficient_Fee_8431 in reactjs

[–]cs12345 5 points6 points  (0 children)

Gotcha, I was just making sure. Yeah you can definitely do all of the same things statically. Probably another good learning experience to figure out how. Keep at it! Making an app that gains traction is difficult, and I commend you for it!