React

Reactqa (React.js icha ReactJS sutiwanpis riqsisqa) huk qhispi, kicha-pukyu ima ñawpanpa tukukuynin JavaScript ñawiriywasi^[1]^[2] ruwaq chawpin uyakuna ruwachanapaq nipayakunapi. Metawan (ñawpa Facebook) sapallan wiñarichiqkunap, kumpañiyakunap ayllunwan uywarikusqa.^[3]^[4]^[5]

Tiqsisqa llamkachiynin

Kay qhatiqqa huk t'unqiraq rikuchina React webpaq llamk'achiyta, JSX, JavaScriptpi ima qillqasqa.

import React from 'react';
import ReactDOM from 'react-dom/client';

/** Huk willakunata rikuchiq ch'uwa nipaya */
const Napay = () => {
  return (
    <div className="yaw-tiqsimuyu">
      <h1>Yaw, tiqsimuyu!</h1>
    </div>
  );
};

/** Qullana app nipaya */
const App = () => {
  return <Napay />;
};

/** Reactqa HTML uyawpi saphiman (root) rikch'a-yallichisqa */
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

HTML qillqa willakuy patapi hap'ipakuspa.

\n\n"}}" id="mwlA">

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>React App</title>
</head>
<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
</body>
</html>

Napaypa puriyninqa Reactpa rak'inmi, ''Yaw, tiqsimuyu"ta rikuchiq. Web wamp'uqpi rikuchisqa kaqtinqa, lluqsisqan huk rikch'a yallichiy kanqa:

<div class="yaw-tiqsimuyu">
  <h1>Yaw, tiqsimuyu!</h1>
</div>

Pukyukuna

[react-1] React - A JavaScript library for building user interfaces. (en-US)

[2] Chapter 1. What Is React? - What React Is and Why It Matters [Book] (en)

[3] React: Making faster, smoother UIs for data-driven Web apps

[4] Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews (en-US)

[5] JavaScript's History and How it Led To ReactJS (en-US)

[1]

[2]

[3]

[4]

[5]