sudheerj/reactjs-interview-questions

This repository serves as a collection of React coding exercises and starter projects designed for learning and practice. It provides interactive applications that demonstrate core React concepts, such as hooks and state management, alongside functional UI templates for common patterns like data tables, modals, and infinite scrolling. The system is built using React, TypeScript, and Vite, offering structured examples for developers to study and experiment with.

A new React + TypeScript + Vite application has been added to the coding-projects directory. It includes a reusable Modal component that supports opening via a button, closing via an overlay click or Escape key, and displays a title and content. The project is configured with Oxlint for linting, TypeScript for type safety, and Vite for building and development.

coding-projects/react-modal · high confidence

Introduced a new React + TypeScript + Vite application in the \coding-projects/data-table-app\ directory. This project provides a user management interface that fetches data from the JSONPlaceholder API, displaying users in a table with search filtering and pagination capabilities. The implementation includes a complete component structure (App, DataTable, SearchBar, Pagination), styling with CSS variables supporting both light and dark modes, and configuration for the Oxlint linter.

coding-projects/data-table-app · high confidence

A new Hacker News Jobs application has been added to the coding projects. It is a React + TypeScript + Vite template that includes standard scaffolding such as ESLint configuration, TypeScript compiler options, and public assets (favicon, icons). The project structure mirrors the adjacent autocomplete app, providing a clean starting point for building a job listing interface.

coding-projects/autocomplete-app, coding-projects/hacker-news-jobs · high confidence

A new React + TypeScript + Vite application has been added to the \coding-hooks\ directory, providing an interactive playground for senior-level custom hooks. The app features a navigation interface that switches between seven distinct hook implementations: \usePrevious\, \useDebounce\, \useDebounceCallback\, \useToggle\, \useInterval\, \useLocalStorage\, and \useFetch\. Each hook is implemented in its own subdirectory with a corresponding demonstration component, allowing users to experiment with state persistence, debouncing, throttling, and data fetching patterns.

coding-hooks, coding-projects/shopping-cart · high confidence

A new interactive coding exercise titled 'Senior React Hooks' has been added to the coding-exercise/hooks location. This entry point loads six distinct React hook implementations—usePrevious, useDebounce, useToggle, useInterval, useLocalStorage, and useFetch—allowing users to view and interact with these specific hook patterns within the browser.

coding-exercise/hooks · high confidence

A new coding project named 'todo-app' has been added to the repository. It is a React application built with TypeScript and Vite, featuring a complete to-do list interface. Users can add, edit, and delete tasks through a form and a dynamic list. The project includes configuration for Oxlint (with React and TypeScript plugins), Vite, and TypeScript, along with the necessary source files, styles, and assets to run the application.

coding-projects/todo-app · high confidence

A new React + TypeScript + Vite project has been added to the coding-projects directory. It implements an infinite-scrolling list of posts fetched from the JSONPlaceholder API, utilizing the Intersection Observer API to trigger loading of subsequent pages as the user scrolls. The application includes components for rendering post cards, handling loading and error states, and a retry mechanism, along with standard project configuration files for TypeScript, Vite, and Oxlint.

(repo-wide) · high confidence

A new React + TypeScript + Vite application has been added to the coding-projects directory. This project provides a user interface for managing nested comments, featuring a main App component that handles state for comments and replies, alongside dedicated components for comment forms, comment lists, and individual comment rendering. The application includes styling via CSS, type definitions for the comment structure, and initial sample data, configured with Oxlint for code quality and Vite for the build process.

coding-projects/nested-comments · high confidence

A new starter project named 'carousel-app' has been added to the coding-projects directory. It provides a minimal React and TypeScript setup using Vite for the build tool and Oxlint for linting. The template includes a default landing page with a counter component, dark mode support, and links to documentation and community channels, serving as a starting point for developers.

coding-projects/carousel-app · high confidence

This change introduces a new interactive learning application built with Create React App, designed to help users practice and understand core React concepts. The app features a home page listing four specific exercises: State Batching and Closures, useEffect Dependencies and Infinite Loops, useCallback and Memoization, and Custom Hooks. For each topic, users can view a 'Problem' component that presents a coding challenge or common pitfall, and a 'Solution' component that provides the correct implementation along with detailed explanations, code comparisons, and key takeaways. The application includes a reusable template structure for adding new exercises and a basic unit test for the main App component.

coding-exercise/src · high confidence

A new React + TypeScript + Vite coding project has been added to the repository. It features a functional FAQ accordion component that supports both single and multiple open items, complete with styling, accessibility attributes, and Oxlint configuration.

coding-projects/accordion-app · high confidence

The coding-exercise directory has been initialized as a new React application. It uses React 19.2.0 and React DOM 19.2.0, managed via react-scripts 5.0.1, and includes @testing-library/jest-dom, @testing-library/react, and @testing-library/user-event for testing capabilities.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

• CAI 51 → 52 (+1.3)
• Rubric changed (rubric-2026.09.11 → rubric-2026.09.18) — scores are not directly comparable.

• Code Health 85 → 85 (+0.0)
• Architecture 100 → 97 (-3.3)
• Maturity 60 → 60 (+0.0)
• Readiness 36 → 38 (+1.6)
• Security 77 → 77 (+0.1)
• Accessibility 55 → 55 (+0.0)
• Performance 100 (new)

• Dependency hygiene PARTLY measured — npm pinning read, dependency currency not (no pnpm-resolved versions to grade)

• High CVE: [GHSA redacted] (coding-exercise/package-lock.json)
• High CVE: [GHSA redacted] (coding-exercise/package-lock.json)
• High CVE: [GHSA redacted] (coding-projects/autocomplete-app/package-lock.json)
• High CVE: [GHSA redacted] (coding-exercise/package-lock.json)
• Outdated (npm): @testing-library/jest-dom
• Outdated (npm): @testing-library/user-event
• Outdated (npm): react
• Outdated (npm): react-dom

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

sudheerj/reactjs-interview-questions was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.