index.js

// Components
export { HelpWrapper } from './components/HelpWrapper';
export { LoadingSpinner } from './components/LoadingSpinner/index.mjs';
export { PostChooser } from './components/PostChooser/index.mjs';
export { PostChooserSidebar } from './components/PostChooser/index.mjs';
export { Pagination } from './components/Pagination/index.mjs';

// Hooks
// A React Hook is a special function that lets you "hook into" React state and lifecycle features from within functional components. Hooks enable stateful logic and side effects within functional components, offering a way to reuse logic across components. Crucially, hooks can only be called inside React functional components or custom hooks, and they must follow the "rules of hooks," such as being called at the top level of a component and not within loops or conditional statements.
export { useMedia } from './hooks/useMedia/index.mjs';
export { useRequestData } from './hooks/useRequestData/index.mjs';
export { useGetPagination } from './hooks/useGetPagination/index.mjs';
export { useDebouncedInput } from './hooks/useDebouncedInput/index.mjs';

// Utils
// A utility function is a standard JavaScript function that performs a specific task and is not tied to any particular framework or library. Utility functions are often used for tasks like data formatting, calculations, or other operations that don't require access to React's state or lifecycle. They can be called from anywhere in your code, including within React components or hooks.