React
Apariencia
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
[llamk'apuy | pukyuta llamk'apuy]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.
<!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
[llamk'apuy | pukyuta llamk'apuy]- ↑ React - A JavaScript library for building user interfaces. (en-US)
- ↑ Chapter 1. What Is React? - What React Is and Why It Matters [Book] (en)
- ↑ React: Making faster, smoother UIs for data-driven Web apps
- ↑ Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews (en-US)
- ↑ JavaScript's History and How it Led To ReactJS (en-US)