Architect React 18+ applications with server components and state management.
npx skills add https://github.com/dieu-donnee/luxtrax --skill react-expert-dieu-donnee
Please help me install this Agent Skill. Skill: react-expert Source: https://github.com/dieu-donnee/luxtrax/tree/main/.agent/skills/react-expert Command: npx skills add https://github.com/dieu-donnee/luxtrax --skill react-expert-dieu-donnee
This skill helps developers architect and implement robust React 18+ applications with server components and advanced state management.
Audit your app for server/client boundaries and scaffold a server component with a corresponding client component, wire data fetching with hooks, and apply memoization and proper effect cleanup.
High-intent search queries and answers about installing and using this skill.
Server and client boundaries in React 18 server components are structured by auditing your app and scaffolding server components with corresponding client components. This separation ensures data fetching occurs server-side while interactivity remains client-side.
State management when migrating an SPA to React 18 is best handled using modern patterns like Context, Redux, or Zustand. These patterns integrate with hooks-based architectures to maintain robust application state across server and client components.
React 18 performance is optimized through hooks and memoization by enforcing patterns like useEffect cleanup and proper memoization. These techniques prevent unnecessary re-renders and ensure efficient data fetching within your component design.
TypeScript is required to build React 18 apps with server components using this approach. A React 18+ environment, TypeScript, and a modern build pipeline are necessary prerequisites to enforce production-grade patterns and reliability.
The Next.js App Router works with React 18 server components by applying advanced state management and component design. It enables developers to wire data fetching with hooks while maintaining proper server and client boundaries for robust applications.
mattwoodcoInitialize a Next.js project with TypeScript, Tailwind CSS, Biome, and Turbopack.
bugrabilgeGuide web application testing with Playwright and Cypress for end-to-end and component tests.
DrLuggelsGuide React state management with Redux Toolkit, Zustand, Jotai, and React Query.
mahoushoujyo-eeeReview React and Next.js code for performance issues and recommend prioritized fixes.
