What is React.js?
Turkish: React
React is an open-source JavaScript library for building user interfaces from reusable components that update efficiently when state changes.
What is React?
React is a JavaScript library for building user interfaces as small, reusable components. A product card, filter panel, modal, or table row can be designed as its own component with state and props.
React manages which parts of the interface should update when data changes. JSX allows developers to write HTML-like structure inside JavaScript. Hooks are used to manage component state, side effects, and reusable behavior inside function components.
Core Concepts
- Component: A reusable part of the interface.
- Props: Data and settings passed from a parent component.
- State: Internal data that changes over time.
- Hook: A mechanism for adding state, effects, and custom logic to function components.
Business Use
React is common in dashboards, SaaS panels, e-commerce interfaces, content management screens, and interactive tools. In larger projects, choosing React alone is not enough; routing, data fetching, form handling, accessibility, testing, and performance architecture also need decisions.
Next.js adds server-side rendering and routing capabilities on top of React, while Vue.js addresses similar interface needs with a different component model.
Related Terms
Hydration attaches browser-side JavaScript behavior to server-rendered HTML so a static interface becomes interactive.
Micro FrontendMicro frontend splits a large user interface into smaller applications that independent teams can build, deploy, and compose.
Next.jsNext.js extends React with server rendering, static generation, file-based routing, and backend endpoints for production web applications.
QwikQwik is a web framework that resumes application state from HTML and loads JavaScript on demand for fast startup.
React NativeReact Native is a cross-platform mobile framework that uses JavaScript and React components to build native interfaces for iOS and Android.
ReduxRedux centralizes application state in a store and makes changes traceable through an action and reducer flow, mostly in React apps.
RemixRemix is a React-based full-stack framework that combines routes, loaders, actions, and HTTP caching around web standards.
React Server ComponentsReact Server Components render selected UI parts on the server and send results without shipping their component code to the browser.
SPA (Single Page Application)An SPA updates the interface without full page reloads after the first HTML load, using JavaScript routing and API-driven data.
Vue.jsVue.js is a progressively adoptable JavaScript framework for building component-based interfaces with reactive data binding.