React Navigation is a comprehensive navigation library for React Native applications, providing stack, tab, drawer, and other navigators with deep linking support. The monorepo architecture consists of specialized packages (@react-navigation/core, @react-navigation/stack, etc.) that implement navigation primitives, state management, and UI components. Key entry points include package-specific index files and the example application demonstrating usage patterns. The library manages navigation state through React context and handles actions via reducers, with external dependencies on React Native, gesture handlers, and screens. It demonstrates strong engineering practices through TypeScript generics, custom hooks, platform abstraction, and comprehensive testing.
React Suite (rsuite) is a comprehensive React component library providing high-quality, accessible UI components for building web applications. The library follows modern React practices with TypeScript, offering a consistent design system with components for layout, forms, data display, navigation, feedback, and overlays. It features extensive internationalization support, theming capabilities, responsive design patterns, and comprehensive documentation with examples for various frameworks. The architecture emphasizes reusable patterns through custom hooks, compound components, and utility functions, demonstrating strong engineering practices in solving common React challenges.
beautiful-react-hooks is a TypeScript library providing a collection of over 50 reusable, well-tested custom React hooks for common patterns such as lifecycle management, event handling (mouse, touch, swipe, drag, resize, scroll), geolocation, media queries, local/session storage, debounce/throttle, timers, animations, and more. The architecture is clean and modular: each hook is a standalone file with its own TypeScript types, unit tests, and documentation. Shared utilities (SSR detection, API support checks, warning helpers) are separated into a shared module, and a factory pattern is used to create storage hooks. The library supports tree-shaking via per-hook imports and provides both CommonJS and ES module builds. It also includes a comprehensive styleguidist documentation site with interactive examples. The code demonstrates strong engineering practices: proper handling of SSR, browser API availability checks, cleanup logic in useEffect, and memoization to avoid unnecessary re-renders. Peer dependencies (rxjs, react-router-dom) are required only for specific hooks, keeping the core lightweight.
This is a React component library and showcase application built with Vite. It provides interactive examples of various UI components including accordions, buttons, cards, carousels, controls, dropdowns, modals, navbars, sidebars, tables, and widgets. The application uses react-router-dom for client-side routing, with each component example accessible via a dedicated route. The architecture follows a standard React SPA pattern with components organized by type in the src/components directory. Each component includes its implementation file, example usage file, and associated styles. The project demonstrates modern React practices including functional components with hooks, proper state management, and integration with animation libraries like GSAP and Framer Motion.
A collection of custom React hooks for managing state of primitive types (boolean, number, array, map, set, input) and providing utility hooks (script loading, analytics, click outside, etc.). The library offers two APIs: object destructuring (original) and array destructuring (recommended). The array-based hooks are optimized for stable action references via `useCallback` and `useMemo`, reducing unnecessary re-renders. Includes comprehensive tests with `@testing-library/react-hooks` and full TypeScript types. The code is well-structured, follows React hooks best practices, and demonstrates non-obvious patterns like hook composition (`useBindToInput`) and event handling with blacklist options (`useClickOutside`).