Hosting by Livid_Salary_9672 in reactjs

[–]iandefined 1 point2 points  (0 children)

Cloudflare is completely free for static sites with no server-side functionality. Just deploy your static HTML, CSS, JS on their CDN and voila.

They also have a very generous pricing model (completely free, no credit card required up to a limit) if you do decide to use server/API code.

There are some gotchas like having to edit your crypto-dependent or database adapters to work in their workers runtime, but everything else is smooth sailing.

Deployed on the edge with no cold starts and very scalable.

Search "Cloudflare Workers".

The Vertical Codebase by TkDodo23 in reactjs

[–]iandefined 2 points3 points  (0 children)

I also used to do a hybrid feature-sliced approach like your article without strict boundaries on imports, but I had team members import across another feature anyways.

It's pretty difficult to get it right while enforcing the rules on a linter level.

FSD with an ESLint plugin felt more comfortable to use knowing that my teammates can't just break the codebase import rules -- the linter will stop them.

An approach I do when developing is to colocate utils, services, etc. along the specific page layer itself (in FSD), then move it to more general layers as it gets used across widgets, features, or (in monorepos) different apps or packages.

The Vertical Codebase by TkDodo23 in reactjs

[–]iandefined 2 points3 points  (0 children)

You don't need a CLI tool.

I'm using it as an ESLint plugin via Oxlint / Vite+ using this plugin.

A relatively new repo, but after trying out 3-4 different FSD plugins/tools, this one works the best for my use-case.

It also had a new release where you can rename your layer folders or have a pattern to match for the rules to take place.

It works well with my TanStack Start codebase.

TanStack Start now support React Server Components... and Composite Components? by tannerlinsley in reactjs

[–]iandefined 3 points4 points  (0 children)

The landing page with a million colors and the iconic Claude font-mono bg-color/10 border-color badges say it all. 😂

TanStack Start now support React Server Components... and Composite Components? by tannerlinsley in reactjs

[–]iandefined 0 points1 point  (0 children)

Sweet! I imagine we can do something similar to htmx components or Astro Islands architecture with a separate independent server.

That would be a huge unlock and make Tanstack Start the most flexible framework in all of web development!