React JS рдореЗрдВ рд╢реБрд░реБрдЖрдд рдХреИрд╕реЗ рдХрд░реЗрдВ: рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╕реНрддрд░ рдХреЗ рд▓рд┐рдП рд╕реНрдерд╛рдкрдирд╛ рдФрд░ рд╕реЗрдЯрдЕрдк рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
React JS рдПрдХ JavaScript рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╣реИ рдЬреЛ рд╡реЗрдм рд╡рд┐рдХрд╛рд╕ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╣реА рдкреНрд░рд╕рд┐рджреНрдз рд╣реИред рдпрд╣ рд╡реЗрдм рдРрдкреНрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░рдореБрдЦ рд╡рд┐рдХрд▓реНрдк рд╣реИ рдЬреЛ рдЗрдВрдЯрд░реИрдХреНрдЯрд┐рд╡ рдФрд░ рджреГрд╢реНрдпрдкреВрд░реНрдг рдпреБрдХреНрддрд┐рдпреЛрдВ рдХреЛ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред рдпрджрд┐ рдЖрдк рдирдП React JS рд╡рд┐рдХрд╛рд╕рдХ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рд╕реАрдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдЖрдкрдХреЗ рд▓рд┐рдП рд╣реИред
рд╕реНрдерд╛рдкрдирд╛
рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдкрдХреЛ Node.js рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред рдпрд╣ React JS рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ рд╣реИред Node.js рдХреЛ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдЖрдк рдЯрд░реНрдорд┐рдирд▓ рдореЗрдВ рдЬрд╛рдХрд░ рдиреАрдЪреЗ рджрд┐рдП рдЧрдП рдХрдорд╛рдВрдб рдХреЛ рдЪрд▓рд╛рдПрдВ:
npx create-react-app my-app
cd my-app
npm start
рд╕реЗрдЯрдЕрдк
рдПрдХ рдмрд╛рд░ рдЬрдм рдЖрдкрдХрд╛ рдирдпрд╛ React рдРрдк рдмрдирд╛ рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдПрдХ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдЗрдВрдЯрд░рдлреЗрд╕ (IDE) рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреАред рдХреБрдЫ рдкреНрд░рдореБрдЦ IDE рдЬрд┐рдиреНрд╣реЗрдВ рдЖрдк рдЪреБрди рд╕рдХрддреЗ рд╣реИрдВ, Visual Studio Code, Atom, Sublime Text рдФрд░ WebStorm рд╣реИрдВред
рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдирдпреЗ React рдРрдк рдХреЛ IDE рдореЗрдВ рдУрдкрди рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рдФрд░ рдлрд┐рд░ рдЖрдк рдЗрд╕рдореЗрдВ рдЕрдкрдиреА рдХреЛрдбрд┐рдВрдЧ рд╢рд░реВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдирдореВрдирд╛ рдХреЛрдб
рдиреАрдЪреЗ рдПрдХ рд╕рд╛рдзрд╛рд░рдг React рдХрдВрдкреЛрдиреЗрдВрдЯ рдХрд╛ рдирдореВрдирд╛ рдХреЛрдб рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ:
import React from 'react';
function App() {
return (
рдореЗрд░рд╛ рдкрд╣рд▓рд╛ React рдРрдк
рдпрд╣ рдПрдХ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╕рдВрд░рдЪрдирд╛ рд╣реИред
);
}
export default App;
рдЖрдк рдЖрд░рдВрднрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд▓рд┐рдП рдЗрд╕ рд╕рд╛рдзрд╛рд░рдг рд╕рдВрд░рдЪрдирд╛ рдХреЛ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдХреЗ рдФрд░ рдЕрдкрдиреА рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдмрджрд▓ рдХрд░рдХреЗ React рдХрдВрдкреЛрдиреЗрдВрдЯ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВред
рдЕрдм рдЬрдм рдЖрдкрдиреЗ React JS рдХреА рд╕реНрдерд╛рдкрдирд╛ рдФрд░ рд╕реЗрдЯрдЕрдк рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реАрдЦ рд▓рд┐рдпрд╛ рд╣реИ, рдЖрдк рдЕрдкрдиреА рдЕрдЧрд▓реА рд╡реЗрдм рд╡рд┐рдХрд╛рд╕ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреА рд╢реБрд░реБрдЖрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдмрд╕ рдЕрдкрдиреА рдХреНрд░рд┐рдПрдЯрд┐рд╡рд┐рдЯреА рдХреА рд╣рджреЛрдВ рдХреЛ рдкрд╛рд░ рдХрд░реЗрдВ рдФрд░ React JS рджреНрд╡рд╛рд░рд╛ рдЙрдкрд▓рдмреНрдз рдХреА рдЬрд╛рдиреЗ рд╡рд╛рд▓реА рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХрд╛ рд▓рд╛рдн рдЙрдард╛рдПрдВред