???? ?? React? ?? ?????? ???? ??? ? ?? ?????? ??? ?????. ???? AMD ? CommonJS? ?? ??? ??? ?? ??? ???? ?? ????? ?? ?? ? ?? ??? ??? ???? ? ?????. ? ??? ?????? React ???????? ???? ???? ??, ??? ??? ??, ???? ?? AMD ? CommonJS ?? ??? JavaScript ??????? ???? ??? ????? ???????.

React ?? ???? ??? ??? ??????

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

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

React? ?? ??

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

// Home.js
export default function Home() {
  return <h1>Home Page</h1>;
}

// About.js
export default function About() {
  return <h1>About Page</h1>;
}

// Contact.js
export default function Contact() {
  return <h1>Contact Page</h1>;
}

??????? ? ??? ??? ??(?? ??)? ????? ??????? ?? ???? ??? ??? ?? ???? ? ????. ? ?? ??? ??????? ???? ???? ?? ??? ???? ?? ???? ???? ? ??? ???.

JavaScript? AMD ? CommonJS ???

ES6 ??? ?? JavaScript? ???? React ???????? ?? ????? AMD(Asynchronous Module Definition) ? ? ?? JavaScript ???? ?? ???? ?? ??? ????. CommonJS . ?? React ???????? ??? ???? ???, ?? ?? ???? ???? ??? JavaScript ????, ?? React? ???? ?? ????? ??? ? ??? ? ? ????.

??JS

CommonJS? ??? JavaScript ??, ?? Node.js??? ??? ??????. ? ??? module.exports? ???? ??? ???? ???? ???. CommonJS? ?? ??? ??????. ?? ??? ???? ???? ????, ??? ?????(????) ???? ?? ? ????? ?? ?? ??? ? ? ?? ?? ? ??? ?????.

CommonJS ???? ?:

// Home.js
export default function Home() {
  return <h1>Home Page</h1>;
}

// About.js
export default function About() {
  return <h1>About Page</h1>;
}

// Contact.js
export default function Contact() {
  return <h1>Contact Page</h1>;
}

CommonJS??? module.exports? ???? ??? ??? ?? ?? ?????. ??? ???? ?? ?? ??? ??? ???? ???. ??? ????? ?? CommonJS? Node.js ????? ?? ???? ???? ???? NPM(?? ??? ???)? ?? ??? ??? ? ??? ???.

AMD(??? ?? ??)

CommonJS? ?? AMD(Asynchronous Module Definition) ??? ?? ???? ??????? ?????. ?? ???? ?? ???? ??? ??? ?? ??? ???? ??? ???????.

??? ??? ???? ??? ????? ???? ?? ??? ??????? ?? ??? ???? ??? ?? ??? ?????. AMD? ?? ??? ???? ??? ???? ?? ??? ???? ?? ?????.

AMD ???? ?:

// math.js
module.exports = {
  add: (a, b) => a + b,
  subtract: (a, b) => a - b,
};

// main.js
const math = require('./math');
console.log(math.add(2, 3)); // 5

AMD? ??? ??? ?? ??? ???? ??? ???? ???? ???? ???? ???. ?????? ?? ???? ???? ?? ????? ??? ? ??? ?? ???? AMD? ?? ??? ?? ??? ??? ??? JavaScript ???????? ?? ?????.

CommonJS? AMD ???? ?? ???? ??????

1. ??????: CommonJS? Node.js? ?? ??? JavaScript ??????? ???? ??, AMD? ?????? ??? ???? ? ?? ???? ? ??????? ?????.

2. ???: CommonJS ??? ????? ?????. ?, ? ??? ??? ?????. ?? AMD? ??? ??? ????? ????? ??????? ? ??? ???? ???? ? ????? ??? ? ????.

3. ???: CommonJS? ??? ???? ?? require? ???? ???? ?? module.exports? ?????. ?? ?? ?????. AMD? ??? ???? ??? ????? ???? ????, ?? ? ?? ??? ??? ? ??? ????? ? ?? ???? ?????.

4. ???: CommonJS? Node.js ???? ? ???? ?? AMD? ??? ???? ?? ????? ? ?? ???? ?????. ??? ??? ??? ?????.

React? AMD? CommonJS

React??? ES6 ??(???? ? ????)? ???? ?? ??? ??? ??? AMD ? CommonJS? ?? ???? ????. ??? AMD ? CommonJS ??? ???? ?? ??? JavaScript ???????? Node.js ?? ????? ?? React? ???? ?? ????? ??? ? ??? ? ????.

??

?? ???? ?? ?? ???? ????? ???? ??????? ??? ? ????. ES6 ??? ?? React?? ????? AMD ? CommonJS ???? ???? ??? JavaScript ???? ? ??? ??? ? ??? ? ????. CommonJS? ??? ???? ?? ?? ? ??????? ????, AMD? ?????? ? ?? ?? ??? ????? ???? ??????? ?????.

??? ?? ??? ???? ???? ?? JavaScript ?????? ?? ???? ??????? ??, ?? ?? ? ??? ?? ??? ?????.

? ??? React? ??? ??: AMD ? CommonJS ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!