DEV Community

Cover image for React Interview Questions
Nishant Singh
Nishant Singh

Posted on • Edited on

React Interview Questions

Hellooo everyone,
Most of the frontend developer are preparing for interviews these days. So, the questions comes first before we start preparation is from where to start.

Don't worry I am here to help you with the topics you should cover one by one.

React is one of the most popular library and have large community that makes it perfect for every company to hire developers who knows react very well. Then often look into the candidate who knows react in depth.

Before taking you to further, there is Youtube video for this.

Below is the main topics -

HOOKS**

  • useState()
  • useEffect() ❗
  • useRef() ❗
  • useContext()
  • useReducer()
  • useMemo() ❗
  • useCallback() ❗

HOC - High Order Components**

  • When to use?
  • How to use?
  • Example?

Life Cycle methods of components**

  • 3 phase (mounting, unmounting, updating) ❗

State Management**

  • State/Props
  • Props Drilling ❗
  • Context

Virtual DOM**

  • Reconciliation ❗
  • React fibre
  • Renders
  • Diff Algorithm ❗
  • How render works

Custom Hooks**

  • When to use?
  • Example (clean, maintainable, Reusable)

Lazy Loading**

  • Code Splitting ❗
  • Chunking
  • Suspense

SSR vs CSR**

  • Routing (RBAC - Route Based Access Control)
  • Protected Routes ❗
  • Query Params
  • Dynamic Routing

Redux/Zustand (RTK)**

  • Redux Toolkit (RTK)
  • How to use?
  • When to use?
  • Why?

Async Tasks**

  • API calls (fetch/axios)
  • Events
  • Promises ❗

Performance**

  • Lazy Loading ❗
  • Asset Optimization ❗
  • Bundler
  • JS/CSS optimization
  • CDN/ Server
  • Optimized Code ❗

Styling**

  • Tailwind CSS
  • Stylex (Facebook)
  • Material UI
  • Ant UI
  • CSS/SCSS/LESS/SASS

Miscellaneous**

  • Reusability
  • Modularity
  • Testability
  • Testing
  • Accessibility ❗
  • Security ❗

Watch more content on our Youtube channel - Frontend With Chandel

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️