-
The dashboard component is now short not because the logic was split into sub-components, but because the logic was moved to where it belongs. Testing is the proof: the hook can be tested with a simple unit test, and the component can be tested with React Testing Library by passing mock data as props rather than mocking the entire data layer.
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
React
Discontinued The library for web and native user interfaces. [Moved to: https://github.com/react/react] (by facebook)
React's official documentation covers component composition patterns and when to use children vs props for component flexibility.
-
Splitting for file length alone, splitting before a pattern appears at least twice, and splitting in ways that produce tightly coupled pairs of components are the patterns most worth avoiding. ESLint with the react-hooks plugin helps catch when extracted hooks still have too many concerns, by flagging dependency arrays that have grown unwieldy.