epic-react-patterns

Fetch data in React Router without useEffect by using React Router loaders to fetch data in parallel before rendering route components. This Epic Stack pattern avoids client-side waterfalls and ensures data is available when the UI renders.

Avoid unnecessary re-renders in Epic Stack React apps through proper component composition and memoization techniques. Applying memoization ensures that components only re-render when their specific props or state dependencies change.

Set up code splitting and lazy loading for React routes to optimize performance by splitting your bundle. This pattern defers loading route components until they are needed, reducing the initial JavaScript payload for Epic Stack applications.

Epic Stack requires robust TypeScript types in route components and patterns to ensure code quality. Applying these typing conventions aligns with Epic Stack routing guidelines and prevents type-related regressions during development.

Prefer React Router loaders over client-side data fetching whenever a route requires data on initial load to prevent waterfalls. Using loaders satisfies Epic Stack conventions for building UI routes and fetching data in parallel.