VS ??? ?? ?? ???? ?????? Eslint ? Code ?????? ?? ??? ?? ?? ??? ????, ?? ???? ?? REACT ? ??? ???? ??? ????? ????, ?? ?? ?? ??? ?? ?? ? ??? ?? ???? ?? ??? ??? ????, EMMET ? ??? ? ??? ???? JSX ?? ??? ???, Extoints Debugger? ???? ????? Debugger? ??????. ?? ?? ? ??? ??.

React Development? ?? ?? Visual Studio Code (VS Code)? ????? ??? ?????. ??? ??? ?? ???? JavaScript? ? ???? ?? ??? ?????. ??? ??? ???? ?? ??? ? ???? ??? ?????.

1. ??? ??? ??????

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

• ESLINT - ?? ? ? ?? ? ??? ??? ???? ? ??????.
• ? Pretier - ???? ??? ?? ??? ???? ??????.
• React Developer Tools (VS Code) - ????? ??; ??? ? ??? Intellisense? ??????.
• JavaScript (ES6) ?? ? ?? - ???? React ???? ??? ?????.

??? ?? ??? ?? ????? ??? ??? ? ??? eslint? ?? ?? ?????? ???? ?? ???? ??? ?? ? ????.

2. ??? React ????? ??????

React ????? ???? ?? ?? ??? CRA (Create React App) ? ????. ? ???? ???? ?? ??????.

 NPX Create-React-App My-App
CD My-App
??.

????? ??? React ?? ? ???? ?? ????. ??? ?? ?? ? ?? ?? ( App.js , index.js ?)?? ???????.

?? ??? CRA ?? VITE? ???? ?? ??? ?? ?? ? ??? ?? ????? ??? ??? ???? ??? ????.

3. ??? ????? ??????

????? ?? ?? src/ ? ?????. ??? ? ??? ?? ???? ?? ??? ?? ?? ??? ???? ?? ??????.

 SRC/
Components/
Header/
Header.jsx
Header.css
?? ?/
Pages/ Pages/
HOME.JSX
About.jsx
App.js
└ ??. js

?? ?? ??? ????? ???? ?? ?????. VS ??? ???? ?? ?? ???? ?? ?? ?? ?? ??? ?? ?? ? ? ????.

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

4. ? ??? Emmet? ???? ? ?? JSX? ??????

JSX? ?? DIV ?? ?? ??? ?? ??? ??? ??? ? ????? ?? ? ????. vs ??? Emmet? ???? div.container>p ? ?? ?? ??? ???? JSX ??? ?? HTML ?? ??? ?? ? ? ????.

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

 'React'?? React React;

const mycomponent = () => {
  ?? (
    <div>
      {/ * ??? ?? */}
    </div>
  );
};

?? ?? MyComponent;

Preferences > Configure User Snippets ?? ???? .js ?? .jsx ? ?? ?? ??????.

5. ???? ? ??????

console.log() ???? ?? VS ???? ?? JavaScript ???? ??????.

? ?? ???? ??? ???? ???? ?? ?? ?? ??????. ?? ?? ?? ????? ???? ???? ??? ?? ?? npm start ?? ?????.

launch.json ??? ???? ???? ??? ??????. ??? ?? ??, ? ??? ????? ???? ??? ? ????? ???? ?????.

??? ????? ?????. ??? ???? ?? ?? ??? ??? REACT?? ???? ?? ?? ???????. ?? ?? ???? ?? "???"??? ???? ??? ?? ??? ?? ?? ? ??? ??? ???? ??????.

? ??? ??? ?? ? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!