React? ??? ?????? ?????? ??? ?? ??? ?????. ??? ??? ??? ?? ? ?? ????? ???? ? ?????. React? ?? ? ???? UI ????? ???? ??? ??? ??? ??? ??? ??? ???? ?????. ?? ??, ???? ?? ??, ? ?? ? ?? ?? ??? ?? ???????.

??

?? ? ????? ??? ?? ??? ???? ?? ?????. ??? ?? ??? ??? ???? React? ?? ??? ?????? ??? ??? ??????. ??? ?? ????? ?? ??? ??? ? ?? ??? ?????. ??? ??? ??? ???? React? ???? ??? ?????? ? ??? RECT? ??? ??? ?? ?? ??? ???? ???? ??? ??? ?? ????? ? ? ??? ? ??? ?????. ? ??? ??? React ? ??? ??? ??? ?? ??, ?? ???? ? ?????? ??? ??? ???? ??? ?? ????.

?? ?? ??

React? Facebook?? ?? ? ??? ?????? ?????? JavaScript ????????. ?? ??? ? ??? ?????? ??? ?? ???? ??? ??? UI ?? ????? ????? ?? ? ? ????. React? ?? ???? ?? DOM, ?? ??? ??, ?? ?? ???? ?? ?????.

??? ??? ??? ?? ? ?? ????? ?????? ??? ?? ? ????????. ???? ??? ??? ???? Express.js, Django, Ruby on Rails ?? ?????. ??? ??? ??? HTTP ?? ??, ?????? ??, ??? ?? ?? ?? ??? ???? ???? ??? ???? ? ??? ???? ?? ? ? ??????.

?? ?? ?? ?? ??

React? ??? ??

React? ??? ?? ?? ?????. UI? ??? ??? ??? ?? ??? ?????? ???? ??? ??? ???????? ?? ?????? ?? ?? ? ? ??????. React? ?? DOM ????? UI ??????? ????? ??? ???? DOM ??? ????.

 // ??? ?? ?? ?? ?? ?? 'react'?? ??;

?? ?? (??) {
  <h1> hello, {props.name} </h1>;
}

?? ?? ??;

React? ??? ???? ??????. ??? ?? ??? ?? ??? ? ???? ??? ? ??? ?????. ??? ??? ?? ???? ?????? ??? ??? ?? ? ??? ?? ????? ???? ????? ?? ???? ???? ? ????.

??? ??? ??? ?? ? ??

??? ??? ??? ??? ?? ? ??? ??? ????? ????. HTTP ??, ?????? ?? ??, ??? ?? ?? ?? ???? ??? ?????? ?? ? ?????? ???? ???? ???? ?? ??? ??? ? ??????.

 // simple express.js ?? const express = require ( 'express');
const app = express ();

app.get ( '/', (req, res) => {
  Res.Send ( 'Hello World!');
});

app.listen (3000, () => {
  Console.log ( '??? ?? 3000'?? ?? ?);
});

??? ??? ??? ??? ??? ???? ????? ????. ????? ?????? ??, ??? ?? ? ?? ??? ????? ???? ??? ???? ??? ???? ???? ?? ? ? ????. ??? ??? ??? ??? ??? ?? ????? ?? ?? ??? ?? ?? ?? ??? ?? ????.

??? ?

React? ?? ??

React? ?? ??? ?? ??? ?? UI? ???? ????. ??? React ?? ???? ?? ??? ????.

 'React'?? React React;
'React-Dom'?? Reactdom ?? ??;

?? ? () {
  ?? (
    <div>
      <H1> ? ?? ?? ?? ????? </h1>
      <p> ??? ??? ?? ?? ???????. </p>
    </div>
  );
}

reftdom.render (<app />, document.getElementById ( &#39;root&#39;));

? ?? ??? ?? ?? ??? ???? DOM?? ????? ??? ?????. React? ?? ??? ?? ???? UI ??? ?? ???? ??? ? ? ????.

??? ??? ??? ?? ??

??? ??? ??? ?? ??? ???? ?? HTTP ??? ???? ????. ??? Express.js? ???? ????.

 const express = ?? ?? ( 'Express');
const app = express ();

app.get ( '/api/user', (req, res) => {
  const user = [
    {id : 1, ?? : 'John Doe'},
    {id : 2, ?? : 'Jane Doe'}
  ];
  res.json (???);
});

app.listen (3000, () => {
  Console.log ( '??? ?? 3000'?? ?? ?);
});

? ??? Express.js? ???? ??? API ?? ???? ???? ??? ??? ???? ??? ?????. Express.js? ??? ???? ?? ???? ??? HTTP ??? ?? ?? ? ? ??????.

???? ?? ? ??? ?

RECT? ???? ?? ???? ???? ???? ?? ?? ?? ??, ?? DOMS ? ???? ?? ?????. ??? ??? ??? ? ? RECT DEVTOOL? ???? ?? ??? ?? ? ??? ? ??? ??? ?? ? ??????.

??? ??? ??? ???? ?? ???? ???? ?????? ?? ??, ??? ?? ?? ?? ?????. ??? ??? ??? ? ? ?? ? ??? ??? ???? ?? ? ??? ???? ??? ?? ? ??? ? ? ????.

?? ??? ? ?? ??

React??? ???? ? ???, ?? ?, ?? ?? ?? ??? ? React.memo ????? ?? ???? ?? ? ? ????.

 'React'?? React React;

const mycomponent = react.memo (function mycomponent (props) {
  return <div> {props.value} </div>;
});

??? ??? ???? ?????? ?? ???, ?? ????, ??? ?? ?? ?? ?? ???? ?? ? ? ????. ?? ?? Express.js?? ????? ??? ???? ? ??? ? ????.

 const express = ?? ?? ( 'Express');
const app = express ();
const cache = require ( 'memory-cache');

app.get ( '/api/data', (req, res) => {
  const cacheddata = cache.get ( 'data');
  if (CachedData) {
    res.json (?? ??);
  } ? ?? {
    // ???????? ???? ?? ?? Simulate const data = {??? : 'hello from database'};
    cache.put ( 'data', data, 10000); // 10 ? ?? ?? res.json (???);
  }
});

?? ?????? React ?? ??? ??? ??? ???? ?? ????? ?? ?? ??? ?? ?? ??? ?? ????. React? ???? ??? ??? ??? ?????? ???? ? ????? ??? ??? ??? ??? ??? ?? ??? ???? ???? ? ?????. ? ?? ??? ?? ? ???? ??? ???? ?? ???? ???? ?? ??? ???? ? ????.

?? ??? ??? ? ??? ?? ?? ???????.

• ???? ?? ?? : ????? ??? ??? ????? ? ?? ??? ??? ?? RECT? ?? ?????. ????? ??? ???? ???? ?? ???? ?? ??? ??? ??? ? ?????.
• ? ?? : ?? ?? ?? ? ?? ??? ?? ???? ??? ????. ?? ?? React ?? ??? ??? ??? ??? ?? ??? ??? ???? ?? ???? ???? ? ????.
• ?? ? : ????? ?? ??? ???? ?? ?? ??? ?? ??? ??????.

???, React and Backend ??? ???? ?? ?? ? ??? ?? ???? ????? ????. ???? ???? ??? ?????? ????? ??? ?? ??? ? ? ???? ?? ???? ???? ?? ??? ???? ? ????.

? ??? React vs. ??? ??? ?? : ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!