ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’

ืื™ืš ื”ืื‘ ืฉื˜ืขื ื“ื™ืง ื’ืขื•ื•ืขืŸ ืื™ื ื˜ืขืจืขืกื™ืจื˜ ืื™ืŸ ื•ื•ื™ Habr ืื™ื– ืกื˜ืจืึทืงื˜ืฉืขืจื“ ืคื•ืŸ ื“ื™ ืื™ื ืขื•ื•ื™ื™ื ื™ืง, ื•ื•ื™ ื“ื™ ื•ื•ืึธืจืงืคืœืึธื•ื• ืื™ื– ืกื˜ืจืึทืงื˜ืฉืขืจื“, ื•ื•ื™ ืงืึธืžื•ื ื™ืงืึทืฆื™ืข ืื™ื– ืกื˜ืจืึทืงื˜ืฉืขืจื“, ื•ื•ืึธืก ืกื˜ืึทื ื“ืึทืจื“ืก ื–ืขื ืขืŸ ื’ืขื ื™ืฆื˜ ืื•ืŸ ื•ื•ื™ ืงืึธื“ ืื™ื– ื‘ื›ืœืœ ื’ืขืฉืจื™ื‘ืŸ ื“ืึธ. ืฆื•ืž ื’ืœื™ืง, ืื™ืš ื’ืึทื˜ ืึทื–ืึท ืึท ื’ืขืœืขื’ื ื”ื™ื™ื˜, ื•ื•ื™ื™ึทืœ ืื™ืš ืœืขืฆื˜ื ืก ื’ืขื•ื•ืืจืŸ ืึท ื˜ื™ื™ืœ ืคื•ืŸ ื“ื™ ื”ืึทื‘ืจืึท ืžืึทื ืฉืึทืคึฟื˜. ื ื™ืฆืŸ ื“ืขื ื‘ื™ื™ืฉืคึผื™ืœ ืคื•ืŸ ืึท ืงืœื™ื™ืŸ ืจื™ืคืึทืงื˜ืขืจื™ื ื’ ืคื•ืŸ ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข, ืื™ืš ื•ื•ืขืœ ืคึผืจื•ื‘ื™ืจืŸ ืฆื• ืขื ื˜ืคึฟืขืจืŸ ื“ื™ ืงืฉื™ื: ื•ื•ืึธืก ืื™ื– ืขืก ื•ื•ื™ ืฆื• ืึทืจื‘ืขื˜ืŸ ื“ืึธ ืื™ืŸ ื“ื™ ืคืจืึธื ื˜. ืื™ืŸ ื“ืขื ืคึผืจืึธื’ืจืึทื: Node, Vue, Vuex ืื•ืŸ SSR ืžื™ื˜ ืกืึธื•ืก ืคึฟื•ืŸ ื”ืขืจื•ืช ื•ื•ืขื’ืŸ ืคืขืจื–ืขื ืœืขื›ืข ื“ืขืจืคืึทืจื•ื ื’ ืื™ืŸ Habr.

ื“ืขืจ ืขืจืฉื˜ืขืจ ื–ืึทืš ืื™ืจ ื“ืึทืจืคึฟืŸ ืฆื• ื•ื•ื™ืกืŸ ื•ื•ืขื’ืŸ ื“ื™ ืึทื ื˜ื•ื•ื™ืงืœื•ื ื’ ืžืึทื ืฉืึทืคึฟื˜ ืื™ื– ืึทื– ืขืก ื–ืขื ืขืŸ ื•ื•ื™ื™ื ื™ืง ืคื•ืŸ ืื•ื ื“ื–. ื ื™ื˜ ื’ืขื ื•ื’ - ื“ืึธืก ื–ืขื ืขืŸ ื“ืจื™ื™ึท ืคืจืึทื ืฅ, ืฆื•ื•ื™ื™ ื‘ืึทืงืก ืื•ืŸ ื“ื™ ื˜ืขื›ื ื™ืฉ ืคื™ืจืŸ ืคื•ืŸ ืึทืœืข ื”ืึทื‘ืจ - ื‘ืึทืงืกืœื™. ืขืก ืื™ื– ื“ืึธืš ืื•ื™ืš ืึท ื˜ืขืกื˜ืขืจ, ืึท ื“ื™ื–ื™ื™ื ืขืจ, ื“ืจื™ื™ ื•ื•ืึทื“ื™ื, ืึท ื ืก ื‘ืขื–ืขื, ืึท ืžืึทืจืงืขื˜ื™ื ื’-ืกืคึผืขืฆื™ืึทืœื™ืกื˜ ืื•ืŸ ืื ื“ืขืจืข ื‘ื•ืžื‘ื•ืจื•ื. ืื‘ืขืจ ืขืก ื–ืขื ืขืŸ ื‘ืœื•ื™ื– ื–ืขืงืก ื“ื™ืจืขืงื˜ ืžื™ื˜ืืจื‘ืขื˜ืขืจืก ืฆื• ื“ื™ ืงื•ื•ืืœืŸ ืคื•ืŸ ื”ื‘ืจ. ื“ืึธืก ืื™ื– ื’ืึทื ืฅ ื–ืขืœื˜ืŸ - ืึท ืคึผืจื•ื™ืขืงื˜ ืžื™ื˜ ืึท ืžื•ืœื˜ื™ืžื™ืœื™ืึธืŸ-ื“ืึธืœืœืึทืจ ื•ื™ืœืขื, ื•ื•ืึธืก ืคื•ืŸ ื“ื™ ืึทืจื•ื™ืก ืงื•ืงื˜ ื•ื•ื™ ืึท ืจื™ื– ืคืึทืจื ืขืžื•ื ื’, ืื™ืŸ ืคืึทืงื˜ ืงื•ืงื˜ ืžืขืจ ื•ื•ื™ ืึท ื”ื™ื™ืžื™ืฉ ืกื˜ืึทืจื˜ืึทืคึผ ืžื™ื˜ ื“ื™ ืคืœืึทื˜ืึทืกื˜ ืึธืจื’ืึทื ืึทื–ื™ื™ืฉืึทื ืึทืœ ืกื˜ืจื•ืงื˜ื•ืจ ืžืขื’ืœืขืš.

ื•ื•ื™ ืคื™ืœืข ืื ื“ืขืจืข IT ืงืึธืžืคึผืึทื ื™ืขืก, Habr ืคึผืจืึทืคืขืกื™ื– ืคืœื™ื ืง ื’ืขื“ืื ืงืขืŸ, ืกื™ ืคึผืจืึทืงื˜ื™ืกื™ื–, ืื•ืŸ ื“ืึธืก ืื™ื– ืึทืœืข. ืื‘ืขืจ ืœื•ื™ื˜ ืžื™ื™ืŸ ื’ืขืคื™ืœืŸ, Habr ื•ื•ื™ ืึท ืคึผืจืึธื“ื•ืงื˜ ืื™ื– ื“ืขื•ื•ืขืœืึธืคึผื™ื ื’ ืžืขืจ ืื™ืŸ ื›ื•ื•ืืœื™ืขืก ื•ื•ื™ ืงืขืกื™ื™ื“ืขืจ. ืึทื–ื•ื™, ืคึฟืึทืจ ืขื˜ืœืขื›ืข ืกืคึผืจื™ื ืฅ ืื™ืŸ ืึท ืจื•ื“ืขืจืŸ, ืžื™ืจ ืคืœื™ื™ืกื™ืง ืงืึธื“ ืขืคึผืขืก, ืคึผืœืึทืŸ ืื•ืŸ ืจื™ื“ื™ื–ื™ื™ืŸ, ื‘ืจืขื›ืŸ ืขืคึผืขืก ืื•ืŸ ืคืึทืจืจื™ื›ื˜ืŸ ืขืก, ื‘ืึทืฉืœื™ืกืŸ ื˜ื™ืงื™ืฅ ืื•ืŸ ืฉืึทืคึฟืŸ ื ื™ื™ึทืข ืึธื ืขืก, ื˜ืจืขื˜ืŸ ืื•ื™ืฃ ืึท ื’ืจืึทื‘ืœื™ืข ืื•ืŸ ื“ืจื™ื™ืขืŸ ื–ื™ืš ืื™ืŸ ื“ื™ ืคึฟื™ืก, ืื™ืŸ ืกื“ืจ ืฆื• ืœืขืกืึธืฃ ืžืขืœื“ื•ื ื’ ื“ื™ ืฉื˜ืจื™ืš ืื™ืŸ ืคึผืจืึธื“ื•ืงืฆื™ืข. ืื•ืŸ ื“ืขืจื ืึธืš ืงื•ืžื˜ ืึท ื’ืขื•ื•ื™ืกืขืจ ืฉื˜ื™ืœืงื™ื™ื˜, ืึท ืคึผืขืจื™ืึธื“ ืคื•ืŸ ืจื™ื“ื™ื•ื•ืขืœืึทืคึผืžืขื ื˜, ืฆื™ื™ื˜ ืฆื• ื˜ืึธืŸ ื•ื•ืึธืก ืื™ื– ืื™ืŸ ื“ืขื "ื•ื•ื™ื›ื˜ื™ืงืŸ-ื ื™ื˜ ื“ืจื™ื ื’ืœืขืš" ืงื•ื•ืื“ืจืื ื˜.

ืขืก ืื™ื– ืคึผื•ื ืงื˜ ื“ืขื "ืึทื•ื•ืขืง-ืฆื™ื™ึทื˜" ืกืคึผืจื™ื ื˜ ื•ื•ืึธืก ื•ื•ืขื˜ ื–ื™ื™ืŸ ื“ื™ืกืงืึทืกื˜ ืื•ื ื˜ืŸ. ื“ืึธืก ืžืึธืœ ืขืก ื™ื ืงืœื•ื“ืขื“ ืึท ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืคื•ืŸ ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข ืคื•ืŸ โ€‹โ€‹โ€‹โ€‹ื”ืึทื‘ืจ. ืื™ืŸ ืึทืœื’ืขืžื™ื™ืŸ, ื“ื™ ืคื™ืจืžืข ื”ืื˜ ื”ื•ื™ืš ื”ืืคืขื ื•ื ื’ืขืŸ ืคึฟืึทืจ ืขืก, ืื•ืŸ ืื™ืŸ ื“ืขืจ ืฆื•ืงื•ื ืคึฟื˜ ืขืก ื–ืึธืœ ืคืึทืจื‘ื™ื™ึทื˜ืŸ ื“ื™ ื’ืื ืฆืข ื–ืึธืึธืœืึธื’ื™ืฉืขืจ ื’ืึธืจื˜ืŸ ืคื•ืŸ Habr ืก ื™ื ืงืึทืจื ื™ื™ืฉืึทื ื– ืื•ืŸ ื•ื•ืขืจืŸ ืึท ื•ื ื™ื•ื•ืขืจืกืึทืœ ืงืจื™ื™ึทื–-ืคึผืœืึทื˜ืคืึธืจืžืข ืœื™ื™ื–ื•ื ื’. ืึทืžืึธืœ ืขืก ื•ื•ืขื˜ ื–ื™ื™ืŸ ืึทื“ืึทืคึผื˜ื™ื•ื• ืื•ื™ืกืœื™ื™ื’, PWA, ืึธืคืคืœื™ื ืข ืžืึธื“ืข, ื‘ืึทื ื™ืฆืขืจ ืงื•ืกื˜ืึธืžื™ื–ืึทื˜ื™ืึธืŸ ืื•ืŸ ืคื™ืœืข ืื ื“ืขืจืข ื˜ืฉื™ืงืึทื•ื•ืข ื˜ื™ื ื’ื–.

ื–ืืœ ืก ืฉื˜ืขืœืŸ ื“ื™ ืึทืจื‘ืขื˜

ืึทืžืึธืœ, ืื™ืŸ ืึท ืคึผืจืึธืกื˜ ืกื˜ืึทื ื“-ืึทืจื•ื™ืฃ, ืื™ื™ื ืขืจ ืคื•ืŸ ื“ื™ ืคืจืึธื ื˜ ื’ืขืจืขื“ื˜ ื•ื•ืขื’ืŸ ืคึผืจืึธื‘ืœืขืžืก ืื™ืŸ ื“ื™ ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ืคื•ืŸ ื“ื™ ื‘ืึทืžืขืจืงื•ื ื’ืขืŸ ืงืึธืžืคึผืึธื ืขื ื˜ ืคื•ืŸ ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข. ืžื™ื˜ ื“ืขื ืื™ืŸ ื–ื™ื ืขืŸ, ืžื™ืจ ืึธืจื’ืึทื ื™ื–ื™ืจื˜ ืึท ืžื™ืงืจืึธ-ื‘ืึทื’ืขื’ืขื ื™ืฉ ืื™ืŸ ื“ืขื ืคึฟืึธืจืžืึทื˜ ืคื•ืŸ ื’ืจื•ืคึผืข ืกื™ื™ืงืึธื•ื˜ืขืจืึทืคึผื™. ื™ืขื“ืขืจ ื”ืื˜ ื–ื™ืš ืื•ื™ืกื’ืขื“ืจื™ื™ื˜ ืฆื• ื–ืื’ืŸ ื•ื•ืื• ืขืก ื”ืื˜ ื•ื•ื™ื™ ื’ืขื˜ืืŸ, ืžืขืŸ ื”ืื˜ ืืœืขืก ืคืืจืฉืจื™ื‘ืŸ ืื•ื™ืฃ ืคืืคื™ืจ, ื–ื™ื™ ื”ืื‘ืŸ ืกื™ืžืคืื˜ื™ื–ื™ืจื˜, ื–ื™ื™ ื”ืื‘ืŸ ืคืืจืฉื˜ืื ืขืŸ, ืื—ื•ืฅ ืื– ืงื™ื™ื ืขืจ ื”ืื˜ ื ื™ืฉื˜ ื’ืขืงืœืืคื˜. ื“ืขืจ ืจืขื–ื•ืœื˜ืึทื˜ ืื™ื– ื’ืขื•ื•ืขืŸ ืึท ืจืฉื™ืžื” ืคื•ืŸ 20 ืคึผืจืึธื‘ืœืขืžืก, ื•ื•ืึธืก ื’ืขืžืื›ื˜ ืขืก ืงืœืึธืจ ืึทื– ืจื™ืจืขื•ื•ื“ื™ืง ื”ืื‘ืจ ื ืึธืš ื”ืื˜ ืึท ืœืึทื ื’ ืื•ืŸ ื˜ืึธืจื ื™ ื•ื•ืขื’ ืฆื• ื”ืฆืœื—ื”.

ืื™ืš ืื™ื– ื’ืขื•ื•ืขืŸ ื‘ืคึฟืจื˜ ื–ืืจื’ืŸ ื•ื•ืขื’ืŸ ื“ื™ ืขืคืขืงื˜ื™ื•ื•ืงื™ื™ึทื˜ ืคื•ืŸ ืžื™ื˜ืœ ื ื•ืฆืŸ ืื•ืŸ ื•ื•ืึธืก ืื™ื– ื’ืขืจื•ืคืŸ ืึท ื’ืœืึทื˜ ืฆื•ื‘ื™ื ื“. ื™ืขื“ืขืจ ื˜ืึธื’, ืื•ื™ืฃ ื“ืขืจ ื”ื™ื™ื-ืึทืจื‘ืขื˜-ื”ื™ื™ื ืžืึทืจืฉืจื•ื˜, ืื™ืš ื’ืขื–ืขืŸ ืžื™ื™ืŸ ืึทืœื˜ ื˜ืขืœืขืคืึธืŸ ื“ืขืกืคึผืขืจืึทื˜ืœื™ ื˜ืจื™ื™ื ื’ ืฆื• ื•ื•ื™ื™ึทื–ืŸ 20 ื›ืขื“ืœื™ื™ื ื– ืื™ืŸ ื“ื™ ืคื™ื˜ืขืจ. ืขืก ืื™ื– ื’ืขื•ื•ืขืŸ ืขืคึผืขืก ื•ื•ื™ ื“ืึธืก:

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’ืžืึธื‘ื™ืœ ื”ืึทื‘ืจ ืฆื•ื‘ื™ื ื“ ืื™ื™ื“ืขืจ ืจื™ืคืึทืงื˜ืขืจื™ื ื’

ื•ื•ืืก ื’ื™ื™ื˜ ื“ื ืคืืจ? ืื™ืŸ ืงื•ืจืฅ, ื“ืขืจ ืกืขืจื•ื•ืขืจ ื’ืขื“ื™ื ื˜ ื“ืขื HTML ื‘ืœืึทื˜ ืฆื• ืึทืœืขืžืขืŸ ืื•ื™ืฃ ื“ื™ ื–ืขืœื‘ืข ื•ื•ืขื’, ืจืึทื’ืึทืจื“ืœืึทืก ืคื•ืŸ ืฆื™ ื“ืขืจ ื‘ืึทื ื™ืฆืขืจ ืื™ื– ืœืึธื’ื“ ืื™ืŸ ืึธื“ืขืจ ื ื™ืฉื˜. ื“ืขืจื ืึธืš ื“ืขืจ ืงืœื™ืขื ื˜ JS ืื™ื– ืœืึธื•ื“ื™ื“ ืื•ืŸ ืจื™ืงื•ื•ืขืก ื“ื™ ื ื™ื™ื˜ื™ืง ื“ืึทื˜ืŸ ื•ื•ื™ื“ืขืจ, ืึธื‘ืขืจ ืึทื“ื–ืฉืึทืกื˜ื™ื“ ืคึฟืึทืจ ื“ืขืจืœื•ื™ื‘ืขื ื™ืฉ. ื“ืึธืก ื”ื™ื™ืกื˜, ืžื™ืจ ื”ืึธื‘ืŸ ื˜ืึทืงืข ืฆื•ื•ื™ื™ ืžืึธืœ ื’ืขื˜ืึธืŸ ื“ื™ ื–ืขืœื‘ืข ืึทืจื‘ืขื˜. ื“ื™ ืฆื•ื‘ื™ื ื“ ืคืœื™ืงืขืจื˜, ืื•ืŸ ื“ืขืจ ื‘ืึทื ื™ืฆืขืจ ื“ืึทื•ื ืœืึธื•ื“ื™ื“ ืึท ื’ื•ื˜ ื”ื•ื ื“ืขืจื˜ ืขืงืกื˜ืจืข ืงื™ืœืื‘ื™ื™ื˜. ืื™ืŸ ื“ืขื˜ืึทืœ ืึทืœืฅ ื’ืขืงื•ืงื˜ ืืคื™ืœื• ืžืขืจ ืงืจื™ืคึผื™.

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’ืึทืœื˜ ืกืกืจ-ืงืกืจ ืกื›ืขืžืข. ื“ืขืจืœื•ื™ื‘ืขื ื™ืฉ ืื™ื– ื‘ืœื•ื™ื– ืžืขื’ืœืขืš ืื™ืŸ ืกื˜ืึทื’ืขืก C3 ืื•ืŸ C4, ื•ื•ืขืŸ Node JS ืื™ื– ื ื™ืฉื˜ ืคืึทืจื ื•ืžืขืŸ ืžื™ื˜ ื“ื–ืฉืขื ืขืจื™ื™ื˜ื™ื ื’ HTML ืื•ืŸ ืงืขื ืขืŸ ืคึผืจืึทืงืกื™ ืจื™ืงื•ื•ืขืก ืฆื• ื“ื™ API.

ืื•ื ื“ื–ืขืจ ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ืคื•ืŸ ืึทื– ืฆื™ื™ึทื˜ ืื™ื– ื’ืขื•ื•ืขืŸ ื–ื™ื™ืขืจ ืึทืงื™ืขืจืึทื˜ืœื™ ื“ื™ืกืงืจื™ื™ื‘ื“ ื“ื•ืจืš ืื™ื™ื ืขืจ ืคื•ืŸ ื“ื™ ื”ื‘ืจ ื‘ืึทื ื™ืฆืขืจ:

ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข ืื™ื– ืึท ื‘ื™ืกืœ. ืื™ืš ื–ืื’ ืขืก ื•ื•ื™ ืขืก ืื™ื–. ื ืฉืจืขืงืœืขืš ืงืึธืžื‘ื™ื ืึทืฆื™ืข ืคื•ืŸ โ€‹โ€‹ืกืกืจ ืื•ืŸ ืงืกืจ.

ืžื™ืจ ื”ืื‘ืŸ ืขืก ื’ืขืžื•ื–ื˜ ืžื•ื“ื” ื–ื™ื™ืŸ, ื•ื•ื™ ื˜ืจื•ื™ืขืจื™ืง ืขืก ืื™ื– ื ื™ืฉื˜ ื’ืขื•ื•ืขืŸ.

ืื™ืš ืึทืกืกืขืกืกืขื“ ื“ื™ ืึธืคึผืฆื™ืขืก, ื‘ืืฉืืคืŸ ืึท ื‘ื™ืœืขื˜ ืื™ืŸ Jira ืžื™ื˜ ืึท ื‘ืึทืฉืจื™ื™ึทื‘ื•ื ื’ ืื•ื™ืฃ ื“ืขืจ ืžื“ืจื’ื” ืคื•ืŸ "ืขืก ืื™ื– ืฉืœืขื›ื˜ ืื™ืฆื˜, ื˜ืึธืŸ ืขืก ืจืขื›ื˜" ืื•ืŸ ื“ื™ืงืึทืžืคึผืึธื•ื–ื“ ื“ื™ ืึทืจื‘ืขื˜ ืื™ืŸ ื‘ืจื™ื™ื˜ ืกื˜ืจืึธืงืขืก:

  • ืจื™ื ื•ืฆืŸ ื“ืึทื˜ืŸ,
  • ืžื™ื ืึทืžื™ื™ื– ื“ื™ ื ื•ืžืขืจ ืคื•ืŸ ืจื™ื“ืจื™ื•ื•ื–,
  • ืขืœื™ืžื™ื ื™ืจืŸ ื“ื•ืคึผืœื™ืงืึทื˜ ืจื™ืงื•ื•ืขืก,
  • ืžืึทื›ืŸ ื“ื™ ืœืึธื•ื“ื™ื ื’ ืคึผืจืึธืฆืขืก ืžืขืจ ืงืœืึธืจ ื•ื•ื™ ื“ืขืจ ื˜ืึธื’.

ื–ืืœ ืก ืจื™ื™ื•ื– ื“ื™ ื“ืึทื˜ืŸ

ืื™ืŸ ื˜ืขืึธืจื™ืข, ืกืขืจื•ื•ืขืจ-ื–ื™ื™ึทื˜ ืจืขื ื“ืขืจื™ื ื’ ืื™ื– ื“ื™ื–ื™ื™ื ื“ ืฆื• ืกืึธืœื•ื•ืข ืฆื•ื•ื™ื™ ืคึผืจืึธื‘ืœืขืžืก: ื ื™ื˜ ืฆื• ืœื™ื™ื“ืŸ ืคื•ืŸ ื–ื•ื›ืŸ ืžืึธื˜ืึธืจ ืœื™ืžื™ื˜ื™ื™ืฉืึทื ื– ืื™ืŸ ื˜ืขืจืžื™ื ืขืŸ ืคื•ืŸ SPA ื™ื ื“ืขืงืกื™ื ื’ ืื•ืŸ ืคึฟืึทืจื‘ืขืกืขืจืŸ ื“ื™ ืžืขื˜ืจื™ืง FMP (ื™ื ืขื•ื•ืึทื˜ืึทื‘ืœื™ ื•ื•ืขืจืกืึทื ื™ื ื’ ื˜ื˜ื™). ืื™ืŸ ืึท ืงืœืึทืกื™ืฉ ืกืฆืขื ืึทืจ ืึทื– ืœืขืกืึธืฃ ืคืืจืžื•ืœื™ืจื˜ ื‘ื™ื™ Airbnb ืื™ืŸ 2013 ื™ืึธืจ (ื ืึธืš ืื•ื™ืฃ Backbone.js), SSR ืื™ื– ื“ืขืจ ื–ืขืœื‘ื™ืงืขืจ ื™ืกืึธืžืึธืจืคื™ืง ื“ื–ืฉืก ืึทืคึผืœืึทืงื™ื™ืฉืึทืŸ ืคืœื™ืกื ื“ื™ืง ืื™ืŸ ื“ื™ ื ืึธื“ืข ืกื•ื•ื™ื•ื•ืข. ื“ืขืจ ืกืขืจื•ื•ืขืจ ืคืฉื•ื˜ ืกืขื ื“ื– ื“ื™ ื“ื–ืฉืขื ืขืจื™ื™ื˜ืึทื“ ืื•ื™ืกืœื™ื™ื’ ื•ื•ื™ ืึท ืขื ื˜ืคืขืจ ืฆื• ื“ื™ ื‘ืขื˜ืŸ. ื“ืขืจื ืึธืš ืจื™ื›ื™ื™ื“ืจื™ื™ืฉืึทืŸ ืึทืงืขืจื– ืื•ื™ืฃ ื“ื™ ืงืœื™ืขื ื˜ ื–ื™ื™ึทื˜, ืื•ืŸ ืึทืœืฅ ืึทืจื‘ืขื˜ ืึธืŸ ื‘ืœืึทื˜ ืจื™ืœืึธื•ื“ื–. ืคึฟืึทืจ Habr, ื•ื•ื™ ืคึฟืึทืจ ืคื™ืœืข ืื ื“ืขืจืข ืจืขืกื•ืจืกืŸ ืžื™ื˜ ื˜ืขืงืกื˜ ืื™ื ื”ืึทืœื˜, ืกืขืจื•ื•ืขืจ ืจืขื ื“ืขืจื™ื ื’ ืื™ื– ืึท ืงืจื™ื˜ื™ืฉ ืขืœืขืžืขื ื˜ ืื™ืŸ ื‘ื•ื™ืขืŸ ืคืจื™ื™ึทื ื“ืœืขืš ื‘ืึทืฆื™ื•ื ื’ืขืŸ ืžื™ื˜ ื–ื•ื›ืŸ ืขื ื“ื–ืฉืึทื ื–.

ื˜ืจืึธืฅ ื“ืขืจ ืคืึทืงื˜ ืึทื– ืžืขืจ ื•ื•ื™ ื–ืขืงืก ื™ืืจ ื–ืขื ืขืŸ ื“ื•ืจื›ื’ืขื’ืื ื’ืขืŸ ื–ื™ื ื˜ ื“ื™ ืึทื“ื•ื•ืขื ื˜ ืคื•ืŸ ื“ื™ ื˜ืขื›ื ืึธืœืึธื’ื™ืข, ืื•ืŸ ืื™ืŸ ื“ืขื ืฆื™ื™ึทื˜ ืึท ืคึผืœืึทืฅ ืคื•ืŸ ื•ื•ืึทืกืขืจ ืื™ื– ื˜ืึทืงืข ืคืœืึธื•ืŸ ืื•ื ื˜ืขืจ ื“ื™ ื‘ืจื™ืง ืื™ืŸ ื“ื™ ืคืจืึธื ื˜-ืกื•ืฃ ื•ื•ืขืœื˜, ืคึฟืึทืจ ืคื™ืœืข ื“ืขื•ื•ืขืœืึธืคึผืขืจืก ื“ืขื ื’ืขื“ืึทื ืง ืื™ื– ื ืึธืš ืฉืจืึทื•ื“ื™ื“ ืื™ืŸ ื‘ืขืกืึธื“ื™ืงื™ื™ึทื˜. ืžื™ืจ ื”ืึธื‘ืŸ ื ื™ืฉื˜ ืฉื˜ื™ื™ืŸ ื‘ืึทื–ื•ื ื“ืขืจ ืื•ืŸ ืจืึธื•ืœื“ ืื•ื™ืก ืึท Vue ืึทืคึผืœืึทืงื™ื™ืฉืึทืŸ ืžื™ื˜ SSR ืฉื˜ื™ืฆืŸ ืฆื• ืคึผืจืึธื“ื•ืงืฆื™ืข, ืคืขืœื ื“ื™ืง ืื™ื™ืŸ ืงืœื™ื™ืŸ ื“ืขื˜ืึทืœ: ืžื™ืจ ื”ืึธื‘ืŸ ื ื™ืฉื˜ ื’ืขืฉื™ืงื˜ ื“ื™ ืขืจืฉื˜ ืฉื˜ืึทื˜ ืฆื• ื“ืขื ืงืœื™ืขื ื˜.

ืคืืจื•ื•ืืก? ืขืก ืื™ื– ืงื™ื™ืŸ ืคึผื™ื ื˜ืœืขืš ืขื ื˜ืคืขืจ ืฆื• ื“ืขื ืงืฉื™ื. ืึธื“ืขืจ ื–ื™ื™ ื”ืื‘ืŸ ื ื™ืฉื˜ ื•ื•ืขืœืŸ ืฆื• ืคืึทืจื’ืจืขืกืขืจืŸ ื“ื™ ื’ืจื™ื™ืก ืคื•ืŸ ื“ืขื ืขื ื˜ืคืขืจ ืคื•ืŸ ื“ื™ ืกืขืจื•ื•ืขืจ, ืึธื“ืขืจ ื•ื•ื™ื™ึทืœ ืคื•ืŸ ืึท ื‘ื™ื ื˜ืœ ืคื•ืŸ ืื ื“ืขืจืข ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจืึทืœ ืคึผืจืึธื‘ืœืขืžืก, ืึธื“ืขืจ ืขืก ืคืฉื•ื˜ ื”ืื˜ ื ื™ืฉื˜ ื ืขืžืขืŸ ืึทื•ื•ืขืง. ืื™ื™ืŸ ื•ื•ืขื’ ืึธื“ืขืจ ืื ื“ืขืจืŸ, ืคืืจื•ื•ืืจืคืŸ ื“ื™ ืฉื˜ืึทื˜ ืื•ืŸ ืจื™ื•ื–ื™ื ื’ ืึทืœืฅ ื•ื•ืึธืก ื“ื™ ืกืขืจื•ื•ืขืจ ื”ืื˜ ืื™ื– ื’ืึทื ืฅ ืฆื•ื ืขืžืขืŸ ืื•ืŸ ื ื•ืฆื™ืง. ื“ื™ ืึทืจื‘ืขื˜ ืื™ื– ืคืืงื˜ื™ืฉ ื ื™ืฉื˜ื™ืง - ืฉื˜ืึทื˜ ืื™ื– ืคืฉื•ื˜ ื™ื ื“ื–ืฉืขืงื˜ื™ื“ ืื™ืŸ ื“ื™ ื“ื•ืจื›ืคื™ืจื•ื ื’ ืงืึธื ื˜ืขืงืกื˜, ืื•ืŸ Vue ืžื•ืกื™ืฃ ืขืก ืื•ื™ื˜ืึธืžืึทื˜ื™ืฉ ืฆื• ื“ื™ ื“ื–ืฉืขื ืขืจื™ื™ื˜ืึทื“ ืื•ื™ืกืœื™ื™ื’ ื•ื•ื™ ืึท ื’ืœืื‘ืืœืข ื‘ื™ื™ึทื˜ืขื•ื•ื“ื™ืง: window.__INITIAL_STATE__.

ืื™ื™ื ืขืจ ืคื•ืŸ ื“ื™ ืคืจืื‘ืœืขืžืขืŸ ื•ื•ืึธืก ืื™ื– ืื•ื™ืคื’ืขืฉื˜ืื ืขืŸ ืื™ื– ื“ื™ ื™ื ืึทื‘ื™ืœื™ื˜ื™ ืฆื• ื’ืขืจ ืกื™ื™ืงืœื™ืง ืกื˜ืจืึทืงื˜ืฉืขืจื– ืื™ืŸ JSON (ืงื™ื™ึทืœืขื›ื™ืง ื“ืขืจืžืึธื ืขืŸ); ืื™ื– ืกืึทืœื•ื•ื“ ื“ื•ืจืš ืคืฉื•ื˜ ืจื™ืคึผืœื™ื™ืกื™ื ื’ ืึทื–ืึท ืกื˜ืจืึทืงื˜ืฉืขืจื– ืžื™ื˜ ื–ื™ื™ืขืจ ืคืœืึทืš ืงืึทื•ื ืขืจืคึผืึทืจืฅ.

ืื™ืŸ ืึทื“ื™ืฉืึทืŸ, ื•ื•ืขืŸ ืื™ืจ ื”ืึทื ื“ืœืขืŸ ืžื™ื˜ UGC ืื™ื ื”ืึทืœื˜, ืื™ืจ ื–ืึธืœ ื’ืขื“ืขื ืงืขืŸ ืึทื– ื“ื™ ื“ืึทื˜ืŸ ื–ืึธืœ ื–ื™ื™ืŸ ืงืึธื ื•ื•ืขืจื˜ืขื“ ืฆื• HTML ืขื ื˜ื™ื˜ื™ื– ืฆื• ื ื™ืฉื˜ ื‘ืจืขื›ืŸ ื“ื™ HTML. ืคึฟืึทืจ ื“ื™ ืฆื•ื•ืขืงืŸ ืžื™ืจ ื ื•ืฆืŸ he.

ืžื™ื ืึทืžื™ื™ื–ื™ื ื’ ืจื™ื“ื™ื ื’ื–

ื•ื•ื™ ืื™ืจ ืงืขื ืขืŸ ื–ืขืŸ ืคึฟื•ืŸ ื“ื™ ื“ื™ืึทื’ืจืึทืžืข ืื•ื™ื‘ืŸ, ืื™ืŸ ืื•ื ื“ื–ืขืจ ืคืึทืœ, ืื™ื™ืŸ ื ืึธื“ืข ื“ื–ืฉืก ื‘ื™ื™ึทืฉืคึผื™ืœ ืคึผืขืจืคืึธืจืžื– ืฆื•ื•ื™ื™ ืคืึทื ื’ืงืฉืึทื ื–: ืกืกืจ ืื•ืŸ "ืคึผืจืึธืงืกื™" ืื™ืŸ ื“ื™ ืึทืคึผื™, ื•ื•ื• ื‘ืึทื ื™ืฆืขืจ ื“ืขืจืœื•ื™ื‘ืขื ื™ืฉ ืึทืงืขืจื–. ื“ืขื ื•ืžืฉื˜ืึทื ื“ ืžืื›ื˜ ืขืก ืื•ืžืžืขื’ืœืขืš ืฆื• ืึธื˜ืขืจื™ื™ื– ื‘ืฉืขืช ื“ื™ JS ืงืึธื“ ืื™ื– ืคืœื™ืกื ื“ื™ืง ืื•ื™ืฃ ื“ื™ ืกืขืจื•ื•ืขืจ, ื•ื•ื™ื™ึทืœ ื“ื™ ื ืึธื“ืข ืื™ื– ืื™ื™ืŸ-ื˜ืจืขื“ื™ื“, ืื•ืŸ ื“ื™ SSR ืคื•ื ืงืฆื™ืข ืื™ื– ืกื™ื ื˜ืฉืจืึธื ืึธื•ืก. ืึทื– ืื™ื–, ื“ืขืจ ืกืขืจื•ื•ืขืจ ืคืฉื•ื˜ ืงืขื ืขืŸ ื ื™ืฉื˜ ืฉื™ืงืŸ ืจื™ืงื•ื•ืขืก ืฆื• ื–ื™ืš ื‘ืฉืขืช ื“ื™ ืงืึทืœืœืกื˜ืึทืง ืื™ื– ืคืึทืจื ื•ืžืขืŸ ืžื™ื˜ ืขืคึผืขืก. ืขืก ืคืืจืงืขืจื˜ ืื•ื™ืก ืึทื– ืžื™ืจ ื“ืขืจื”ื™ื™ึทื ื˜ื™ืงื˜ ื“ื™ ืฉื˜ืึทื˜, ืึธื‘ืขืจ ื“ื™ ืฆื•ื‘ื™ื ื“ ื”ืื˜ ื ื™ืฉื˜ ื”ืึทืœื˜ืŸ ื˜ื•ื•ื™ื˜ืฉื™ื ื’, ื•ื•ื™ื™ึทืœ ื“ื™ ื“ืึทื˜ืŸ ืื•ื™ืฃ ื“ืขื ืงืœื™ืขื ื˜ ืžื•ื–ืŸ ื–ื™ื™ืŸ ื“ืขืจื”ื™ื™ึทื ื˜ื™ืงื˜ ืžื™ื˜ ื“ื™ ื‘ืึทื ื™ืฆืขืจ ืกืขืกื™ืข. ืžื™ืจ ื“ืึทืจืคึฟืŸ ืฆื• ืœืขืจื ืขืŸ ืื•ื ื“ื–ืขืจ ืึทืคึผืœืึทืงื™ื™ืฉืึทืŸ ืฆื• ืฉื˜ืขืœืŸ ื“ื™ ืจื™ื›ื˜ื™ืง ื“ืึทื˜ืŸ ืื™ืŸ ื“ื™ ืขืจืฉื˜ ืฉื˜ืึทื˜, ื’ืขื ื•ืžืขืŸ ืื™ืŸ ื—ืฉื‘ื•ืŸ ื“ื™ ื‘ืึทื ื™ืฆืขืจ ืก ืœืึธื’ื™ืŸ.

ืขืก ื–ืขื ืขืŸ ื’ืขื•ื•ืขืŸ ื‘ืœื•ื™ื– ืฆื•ื•ื™ื™ ืกืึทืœื•ืฉืึทื ื– ืฆื• ื“ืขื ืคึผืจืึธื‘ืœืขื:

  • ืฆื•ื˜ืฉืขืคึผืขืŸ ื“ืขืจืœื•ื™ื‘ืขื ื™ืฉ ื“ืึทื˜ืŸ ืฆื• ืงืจื™ื™ึทื–-ืกืขืจื•ื•ืขืจ ืจื™ืงื•ื•ืขืก;
  • ืฉืคึผืึทืœื˜ืŸ Node JS ืœื™ื™ึทืขืจืก ืื™ืŸ ืฆื•ื•ื™ื™ ื‘ืึทื–ื•ื ื“ืขืจ ื™ื ืกื˜ืึทื ืกื™ื–.

ื“ืขืจ ืขืจืฉื˜ืขืจ ืœื™ื™ื–ื•ื ื’ ืคืืจืœืื ื’ื˜ ื“ื™ ื ื•ืฆืŸ ืคื•ืŸ ื’ืœืื‘ืืœืข ื•ื•ืขืจื™ืึทื‘ืึทืœื– ืื•ื™ืฃ ื“ื™ ืกืขืจื•ื•ืขืจ, ืื•ืŸ ื“ื™ ืจื’ืข ืขืงืกื˜ืขื ื“ืขื“ ื“ื™ ื˜ืขืจืžื™ืŸ ืคึฟืึทืจ ืงืึทืžืคึผืœื™ื˜ื™ื ื’ ื“ื™ ืึทืจื‘ืขื˜ ืžื™ื˜ ื‘ื™ื™ึท ืžื™ื ื“ืกื˜ืขืจ ืึท ื—ื•ื“ืฉ.

ื•ื•ื™ ืฆื• ืžืึทื›ืŸ ืึท ื‘ืจื™ืจื”? ื”ืื‘ืจ ื‘ืื•ื•ืขื’ื˜ ื–ื™ืš ืืคื˜ ืื•ื™ืคืŸ ื•ื•ืขื’ ืคื•ืŸ ืงืœืขื ืกื˜ืขืจ ืงืขื’ื ืฉื˜ืขืœ. ื™ื ืคืึธืจืžืึทืœืœื™, ืขืก ืื™ื– ืึท ื’ืขื ืขืจืึทืœ ืคืึทืจืœืึทื ื’ ืฆื• ืจืขื“ื•ืฆื™ืจืŸ ื“ื™ ืฆื™ืงืœ ืคื•ืŸ ื’ืขื“ืึทื ืง ืฆื• ืคึผืจืึธื•ื˜ืึทื˜ื™ื™ืคึผ ืฆื• ืึท ืžื™ื ื™ืžื•ื. ื“ืขืจ ืžืึธื“ืขืœ ืคื•ืŸ ืฉื˜ืขืœื•ื ื’ ืฆื• ื“ืขื ืคึผืจืึธื“ื•ืงื˜ ืื™ื– ืขืคึผืขืก ืจืขืžืึทื ื™ืกืึทื ื˜ ืคื•ืŸ ื“ื™ ืคึผืึธืกื˜ื•ืœืึทื˜ืขืก ืคื•ืŸ booking.com, ืžื™ื˜ ื“ืขืจ ื‘ืœื•ื™ื– ื—ื™ืœื•ืง ืื™ื– ืึทื– Habr ื ืขืžื˜ ื‘ืึทื ื™ืฆืขืจ ื‘ืึทืžืขืจืงื•ื ื’ืขืŸ ืคื™ืœ ืžืขืจ ืขืžืขืก ืื•ืŸ ื˜ืจืึทืกื˜ ืื™ืจ, ื•ื•ื™ ืึท ื“ืขื•ื•ืขืœืึธืคึผืขืจ, ืฆื• ืžืึทื›ืŸ ืึทื–ืึท ื“ื™ืกื™ื–ืฉืึทื ื–.

ื ืึธืš ื“ืขื ืœืึธื’ื™ืง ืื•ืŸ ืžื™ื™ืŸ ืื™ื™ื’ืขื ืข ืคืึทืจืœืึทื ื’ ืฆื• ื’ืขืฉื•ื•ื™ื ื“ ืกืึธืœื•ื•ืข ื“ืขื ืคึผืจืึธื‘ืœืขื, ืื™ืš ืื•ื™ืกื“ืขืจื•ื•ื™ื™ืœื˜ ื’ืœืื‘ืืœืข ื•ื•ืขืจื™ืึทื‘ืึทืœื–. ืื•ืŸ, ื•ื•ื™ ืึธืคื˜ ื›ืึทืคึผืึทื ื–, ืื™ืจ ื”ืึธื‘ืŸ ืฆื• ื‘ืึทืฆืึธืœืŸ ืคึฟืึทืจ ื–ื™ื™ ื’ื™ื›ืขืจ ืึธื“ืขืจ ืฉืคึผืขื˜ืขืจ. ืžื™ืจ ื‘ืึทืฆืึธืœื˜ ื›ึผืžืขื˜ ืžื™ื“: ืžื™ืจ ื’ืขืืจื‘ืขื˜ ืื•ื™ืฃ ื“ื™ ืึธืคึผืจื•ื˜ืขื’, ืงืœื™ืจื“ ื“ื™ ืงืึทื ืกืึทืงื•ื•ืขื ืกืึทื–, ื’ืขืฉืจื™ื‘ืŸ ืคึผืึธืกื˜ ืžืึธืจื˜ืขื ืื•ืŸ ืื ื’ืขื”ื•ื™ื‘ืŸ ืฆื• ื˜ื™ื™ืœืŸ ื“ืขื ืกืขืจื•ื•ืขืจ ืื™ืŸ ืฆื•ื•ื™ื™ ื˜ื™ื™ืœืŸ. ื“ืขืจ ื˜ืขื•ืช ืื™ื– ื’ืขื•ื•ืขืŸ ื–ื™ื™ืขืจ ื ืึทืจื™ืฉ, ืื•ืŸ ื“ืขืจ ื–ืฉื•ืง ืžื™ื˜ ืขืก ืื™ื– ื ื™ืฉื˜ ื’ืจื™ื ื’ ืฆื• ืจืขืคึผืจืึธื“ื•ืฆื™ืจืŸ. ืื•ืŸ ื™ืึธ, ืขืก ืื™ื– ืึท ืฉืึธื“ ืคึฟืึทืจ ื“ืขื, ืึธื‘ืขืจ ืื™ื™ืŸ ื•ื•ืขื’ ืึธื“ืขืจ ืื ื“ืขืจืŸ, ืกื˜ืึทืžื‘ืœื™ื ื’ ืื•ืŸ ืงืจืึทืžืคึผื™ื ื’, ืžื™ื™ืŸ ืคึผืึธืง ืžื™ื˜ ื’ืœืื‘ืืœืข ื•ื•ืขืจื™ืึทื‘ืึทืœื– ืคื•ื ื“ืขืกื˜ื•ื•ืขื’ืŸ ื’ืขื’ืื ื’ืขืŸ ืื™ืŸ ืคึผืจืึธื“ื•ืงืฆื™ืข ืื•ืŸ ืื™ื– ืืจื‘ืขื˜ืŸ ื’ืึทื ืฅ ื”ืฆืœื—ื” ื‘ืฉืขืช ื•ื•ืืจื˜ืŸ ืคึฟืึทืจ ื“ื™ ืžืึทืš ืฆื• ืึท ื ื™ื™ึทืข "ืฆื•ื•ื™ื™-ื ืึธื“ืข" ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ. ื“ืึธืก ืื™ื– ื’ืขื•ื•ืขืŸ ืึท ื•ื•ื™ื›ื˜ื™ืง ืฉืจื™ื˜, ื•ื•ื™ื™ึทืœ ืคืึธืจืžืึทืœื™ ื“ืขืจ ืฆื™ืœ ืื™ื– ืึทื˜ืฉื™ื•ื•ื“ - ืกืกืจ ื’ืขืœืขืจื ื˜ ืฆื• ืฆื•ืฉื˜ืขืœืŸ ืึท ื’ืึธืจ ื’ืจื™ื™ื˜-ืฆื•-ื ื•ืฆืŸ ื‘ืœืึทื˜, ืื•ืŸ ื“ื™ ื•ื™ ื’ืขื•ื•ืืจืŸ ืคื™ืœ ืจื•ื™ืงืขืจ.

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’ืžืึธื‘ื™ืœ ื”ืึทื‘ืจ ืฆื•ื‘ื™ื ื“ ื ืึธืš ื“ืขืจ ืขืจืฉื˜ืขืจ ื‘ื™ื ืข ืคื•ืŸ โ€‹โ€‹ืจืขืคืึทืงื˜ืึธืจื™ื ื’

ืœืขืกืึธืฃ, ื“ื™ SSR-CSR ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ืคื•ืŸ ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข ืคื™ืจื˜ ืฆื• ื“ืขื ื‘ื™ืœื“:

๏ฟผื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’"ืฆื•ื•ื™ื™-ื ืึธื“ืข" ืกืกืจ-ืงืกืจ ืงืจื™ื™ึทื–. ื“ื™ Node JS API ืื™ื– ืฉื˜ืขื ื“ื™ืง ื’ืจื™ื™ื˜ ืคึฟืึทืจ ื™ื™ืกื™ื ื’ืงืจืึทื ืึทืก I / O ืื•ืŸ ืื™ื– ื ื™ืฉื˜ ืืคื’ืขืฉื˜ืขืœื˜ ื“ื•ืจืš ื“ื™ SSR ืคื•ื ืงืฆื™ืข, ื•ื•ื™ื™ึทืœ ื“ื™ ื™ืขื ืขืจ ืื™ื– ืœื™ื’ืŸ ืื™ืŸ ืึท ื‘ืึทื–ื•ื ื“ืขืจ ื‘ื™ื™ึทืฉืคึผื™ืœ. ืึธื ืคึฟืจืขื’ ืงื™ื™ื˜ #3 ืื™ื– ื ื™ื˜ ื“ืืจืฃ.

ื™ืœื™ืžืึทื ื™ื™ื˜ื™ื ื’ ื“ื•ืคึผืœื™ืงืึทื˜ ืจื™ืงื•ื•ืขืก

ื ืึธืš ื“ื™ ืžืึทื ื™ืคึผื™ืึทืœื™ื™ืฉืึทื ื– ื–ืขื ืขืŸ ื“ื•ืจื›ื’ืขืงืึธื›ื˜, ื“ื™ ืขืจืฉื˜ ืจืขื ื“ืขืจื™ื ื’ ืคื•ืŸ ื“ื™ ื‘ืœืึทื˜ ื”ืื˜ ื ื™ืฉื˜ ืคึผืจืึทื•ื•ืึธื•ืงื˜ ืขืคึผื™ืœืขืคึผืกื™. ืึธื‘ืขืจ ื“ื™ ื•ื•ื™ื™ึทื˜ืขืจ ื ื•ืฆืŸ ืคื•ืŸ Habr ืื™ืŸ ืกืคึผืึท ืžืึธื“ืข ื ืึธืš ื’ืขืคึฟื™ืจื˜ ืฆืขืžื™ืฉื•ื ื’.

ื–ื™ื ื˜ ื“ื™ ื™ืงืขืจ ืคื•ืŸ ื‘ืึทื ื™ืฆืขืจ ืœื•ื™ืคืŸ ืื™ื– ื˜ืจืึทื ื–ื™ืฉืึทื ื– ืคื•ืŸ ื“ื™ ืคืึธืจืขื ืจืฉื™ืžื” ืคื•ืŸ ืึทืจื˜ื™ืงืœืขืŸ โ†’ ืึทืจื˜ื™ืงืœ โ†’ ื‘ืึทืžืขืจืงื•ื ื’ืขืŸ ืื•ืŸ ื•ื•ื™ืฆืข ื•ื•ืขืจืกืึท, ืขืก ืื™ื– ื’ืขื•ื•ืขืŸ ื•ื•ื™ื›ื˜ื™ืง ืฆื• ืึทืคึผื˜ืึทืžื™ื™ื– ื“ื™ ืžื™ื˜ืœ ืงืึทื ืกืึทืžืฉืึทืŸ ืคื•ืŸ ื“ืขื ืงื™ื™ื˜ ืื™ืŸ ื“ืขืจ ืขืจืฉื˜ืขืจ ืึธืจื˜.

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’ืฆื•ืจื™ืงืงื•ืžืขืŸ ืฆื• ื“ื™ ืคึผืึธืกื˜ืŸ ืงืึธืจืžืขืŸ ืคึผืจืึทื•ื•ืึธื•ืงืก ืึท ื ื™ื™ึทืข ื“ืึทื˜ืŸ ื‘ืขื˜ืŸ

ืžืณื”ืื˜ ื ื™ืฉื˜ ื’ืขื“ืืจืคื˜ ื˜ื™ืฃ ื’ืจืื‘ืŸ. ืื™ืŸ ื“ื™ ืกืงืจืขืขื ืงืึทืกื˜ ืื•ื™ื‘ืŸ ืื™ืจ ืงืขื ืขืŸ ื–ืขืŸ ืึทื– ื“ื™ ืึทืคึผืœืึทืงื™ื™ืฉืึทืŸ ืจื™ืงื•ื•ืขืกื˜ ื“ื™ ืจืฉื™ืžื” ืคื•ืŸ ืึทืจื˜ื™ืงืœืขืŸ ื•ื•ืขืŸ ืกื•ื•ื™ืคึผื™ื ื’ ืฆื•ืจื™ืง, ืื•ืŸ ื‘ืขืฉืึทืก ื“ื™ ื‘ืขื˜ืŸ ืžื™ืจ ื˜ืึธืŸ ื ื™ื˜ ื–ืขืŸ ื“ื™ ืึทืจื˜ื™ืงืœืขืŸ, ื•ื•ืึธืก ืžื™ื˜ืœ ืึทื– ื“ื™ ืคืจื™ืขืจื“ื™ืงืข ื“ืึทื˜ืŸ ืคืึทืจืฉื•ื•ื™ื ื“ืŸ ืขืจื’ืขืฅ. ืขืก ืงื•ืงื˜ ื•ื•ื™ ื“ืขืจ ืึทืจื˜ื™ืงืœ ืจืฉื™ืžื” ืงืึธืžืคึผืึธื ืขื ื˜ ื ื™ืฆื˜ ืึท ื”ื™ื’ืข ืฉื˜ืึทื˜ ืื•ืŸ ืคืืจืœื™ืจื˜ ืขืก ืื•ื™ืฃ ืฆืขืฉื˜ืขืจืŸ. ืื™ืŸ ืคืึทืงื˜, ื“ื™ ืึทืคึผืœืึทืงื™ื™ืฉืึทืŸ ื’ืขื•ื•ื™ื™ื ื˜ ืึท ื’ืœืื‘ืืœืข ืฉื˜ืึทื˜, ืึธื‘ืขืจ ื“ื™ Vuex ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ืื™ื– ื’ืขื•ื•ืขืŸ ื’ืขื‘ื•ื™ื˜-ืื™ืŸ: ืžืึทื“ื–ืฉื•ืœื– ื–ืขื ืขืŸ ื˜ื™ื™ื“ ืฆื• ื‘ืœืขื˜ืขืจ, ื•ื•ืึธืก ืื™ืŸ ืงืขืจ ื–ืขื ืขืŸ ื˜ื™ื™ื“ ืฆื• ืจื•ืฅ. ื“ืขืจืฆื•, ืึทืœืข ืžืึทื“ื–ืฉื•ืœื– ื–ืขื ืขืŸ "ื“ื™ืกืคึผืึธื•ื–ืึทื‘ืึทืœ" - ื™ืขื“ืขืจ ืกืึทื‘ืกืึทืงื•ื•ืึทื ื˜ ื•ื•ื™ื–ื™ื˜ ืฆื• ื“ื™ ื‘ืœืึทื˜ ืจื™ืจืึธื•ื˜ ื“ื™ ื’ืื ืฆืข ืžืึธื“ื•ืœืข:

ArticlesList: [
  { Article1 },
  ...
],
PageArticle: { ArticleFull1 },

ืื™ืŸ ื’ืึทื ืฅ, ืžื™ืจ ื”ืึธื‘ืŸ ืึท ืžืึธื“ื•ืœืข ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื”, ื•ื•ืึธืก ื›ึผื•ืœืœ ืึทื‘ื“ื–ืฉืขืงืฅ ืคื•ืŸ ื˜ื™ืคึผ ืึทืจื˜ื™ืงืœ ืื•ืŸ ืžืึธื“ื•ืœืข ื‘ืœืึทื˜ ืึทืจื˜ื™ืงืœ, ื•ื•ืึธืก ืื™ื– ื’ืขื•ื•ืขืŸ ืึทืŸ ืขืงืกื˜ืขื ื“ืขื“ ื•ื•ืขืจืกื™ืข ืคื•ืŸ โ€‹โ€‹ื“ื™ ื›ื™ื™ืคืขืฅ ืึทืจื˜ื™ืงืœ, ืžื™ืŸ ืคื•ืŸ ืึทืจื˜ื™ืงืœ ืคื•ืœ. ืื™ืŸ ืึทืœื’ืขืžื™ื™ืŸ, ื“ื™ ื™ืžืคึผืœืึทืžืขื ื˜ื™ื™ืฉืึทืŸ ื˜ื•ื˜ ื ื™ืฉื˜ ืคื™ืจืŸ ืขืคึผืขืก ืฉืจืขืงืœืขืš ืื™ืŸ ื–ื™ืš - ืขืก ืื™ื– ื–ื™ื™ืขืจ ืคึผืฉื•ื˜, ืžืขืŸ ืงืขืŸ ืึทืคึฟื™ืœื• ื–ืึธื’ืŸ ื ืึทื™ื•ื•, ืึธื‘ืขืจ ื’ืึธืจ ืคืึทืจืฉื˜ื™ื™ื™ืง. ืื•ื™ื‘ ืื™ืจ ื‘ืึทืฉื˜ืขื˜ื™ืง ื“ื™ ืžืึธื“ื•ืœืข ื™ืขื“ืขืจ ืžืึธืœ ืื™ืจ ื˜ื•ื™ืฉืŸ ื“ื™ ืžืึทืจืฉืจื•ื˜, ืื™ืจ ืงืขื ืขืŸ ืืคื™ืœื• ืœืขื‘ืŸ ืžื™ื˜ ืื™ื. ืึธื‘ืขืจ, ืœืžืฉืœ, ืžืึธื•ื•ื™ื ื’ ืฆื•ื•ื™ืฉืŸ ืึทืจื˜ื™ืงืœ ืคื™ื“ื– / ืคื™ื˜ืขืจ โ†’ / ืึทืœืข, ืื™ื– ื’ืขืจืึทื ื˜ื™ื“ ืฆื• ื•ื•ืึทืจืคืŸ ืึทื•ื•ืขืง ืึทืœืฅ ืฉื™ื™ึทื›ื•ืช ืฆื• ื“ื™ ืคืขืจื–ืขื ืœืขื›ืข ืคื™ื˜ืขืจ, ื–ื™ื ื˜ ืžื™ืจ ื”ืึธื‘ืŸ ื‘ืœื•ื™ื– ืื™ื™ืŸ ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื”, ืื™ืŸ ื•ื•ืึธืก ืื™ืจ ื“ืึทืจืคึฟืŸ ืฆื• ืฉื˜ืขืœืŸ ื ื™ื™ึท ื“ืึทื˜ืŸ. ื“ืึธืก ื•ื•ื™ื“ืขืจ ืคื™ืจื˜ ืื•ื ื“ื– ืฆื• ื“ื•ืคึผืœื™ืงื™ื™ืฉืึทืŸ ืคื•ืŸ ืจื™ืงื•ื•ืขืก.

ื”ืึธื‘ ืื™ืš ื’ืขื–ืืžืœื˜ ืึทืœืฅ ื•ื•ืึธืก ืื™ืš ื”ืึธื‘ ื’ืขืงืขื ื˜ ืื•ื™ืกื’ืจืึธื‘ืŸ ืื•ื™ืฃ ื“ืขืจ ื˜ืขืžืข, ื”ืึธื‘ ืื™ืš ืคืึธืจืžื•ืœื™ืจื˜ ืึท ื ื™ื™ืข ืฉื˜ืึทื˜ ืกื˜ืจื•ืงื˜ื•ืจ ืื•ืŸ ืขืก ืคืึธืจื’ืขืฉื˜ืขืœื˜ ืคืืจ ืžื™ื™ื ืข ื—ื‘ืจื™ื. ื“ื™ ื“ื™ืกืงื•ืกื™ืขืก ื–ืขื ืขืŸ ื’ืขื•ื•ืขืŸ ืœืึทื ื’, ืึธื‘ืขืจ ืื™ืŸ ื“ื™ ืกื•ืฃ ื“ื™ ืึทืจื’ื•ืžืขื ื˜ืŸ ืื™ืŸ ื˜ื•ื™ื•ื•ืข ื–ืขื ืขืŸ ื”ืขื›ืขืจ ื•ื•ื™ ื“ื™ ืกืคืงื•ืช, ืื•ืŸ ืื™ืš ืื ื’ืขื”ื•ื™ื‘ืŸ ื™ืžืคึผืœืึทืžืขื ื˜ื™ื™ืฉืึทืŸ.

ื“ื™ ืœืึธื’ื™ืง ืคื•ืŸ ืึท ืœื™ื™ื–ื•ื ื’ ืื™ื– ื‘ืขืกื˜ืขืจ ื’ื™ืœื•ื™ ืื™ืŸ ืฆื•ื•ื™ื™ ืกื˜ืขืคึผืก. ืขืจืฉื˜ืขืจ, ืžื™ืจ ืคึผืจื•ื‘ื™ืจืŸ ืฆื• ื“ื™ืงืึธื•ืคึผื•ืœ ื“ื™ Vuex ืžืึธื“ื•ืœืข ืคึฟื•ืŸ ื‘ืœืขื˜ืขืจ ืื•ืŸ ื‘ื™ื ื“ืŸ ื’ืœื™ื™ืš ืฆื• ืจื•ืฅ. ื™ืึธ, ืขืก ื•ื•ืขื˜ ื–ื™ื™ืŸ ืึท ื‘ื™ืกืœ ืžืขืจ ื“ืึทื˜ืŸ ืื™ืŸ ื“ื™ ืงืจืึธื, ื’ืขื˜ืขืจ ื•ื•ืขื˜ ื•ื•ืขืจืŸ ืึท ื‘ื™ืกืœ ืžืขืจ ืงืึธืžืคึผืœื™ืฆื™ืจื˜, ืึธื‘ืขืจ ืžื™ืจ ื•ื•ืขืœืŸ ื ื™ืฉื˜ ืœืึธื“ืŸ ืึทืจื˜ื™ืงืœืขืŸ ืฆื•ื•ื™ื™ ืžืึธืœ. ืคึฟืึทืจ ื“ื™ ืจื™ืจืขื•ื•ื“ื™ืง ื•ื•ืขืจืกื™ืข, ื“ืึธืก ืื™ื– ื˜ืึธืžืขืจ ื“ื™ ืกื˜ืจืึธื ื’ืขืกื˜ ืึทืจื’ื•ืžืขื ื˜. ืขืก ื•ื•ืขื˜ ืงื•ืงืŸ ืขืคึผืขืก ื•ื•ื™ ื“ืึธืก:

ArticlesList: {
  ROUTE_FEED: [ 
    { Article1 },
    ...
  ],
  ROUTE_ALL: [ 
    { Article2 },
    ...
  ],
}

ืึธื‘ืขืจ ื•ื•ืึธืก ืื•ื™ื‘ ืึทืจื˜ื™ืงืœ ืจืฉื™ืžื•ืช ืงืขื ืขืŸ ืึธื•ื•ื•ืขืจืœืึทืคึผ ืฆื•ื•ื™ืฉืŸ ืงื™ื™ืคืœ ืจื•ืฅ ืื•ืŸ ื•ื•ืึธืก ืื•ื™ื‘ ืžื™ืจ ื•ื•ืขืœืŸ ืฆื• ืจื™ื™ื•ืก ื“ื™ ืึทื‘ื“ื–ืฉืขืงื˜ ื“ืึทื˜ืŸ ืึทืจื˜ื™ืงืœ ืฆื• ืžืึทื›ืŸ ื“ืขื ืคึผืึธืกื˜ืŸ ื‘ืœืึทื˜, ื•ื•ืขื ื“ืŸ ืขืก ืื™ืŸ ืึทืจื˜ื™ืงืœ ืคื•ืœ? ืื™ืŸ ื“ืขื ืคืึทืœ, ืขืก ื•ื•ืึธืœื˜ ื–ื™ื™ืŸ ืžืขืจ ืœืึทื“ื–ืฉื™ืงืึทืœ ืฆื• ื ื•ืฆืŸ ืึทื–ืึท ืึท ืกื˜ืจื•ืงื˜ื•ืจ:

ArticlesIds: {
  ROUTE_FEED: [ '1', ... ],
  ROUTE_ALL: [ '1', '2', ... ],
},
ArticlesList: {
  '1': { Article1 }, 
  '2': { Article2 },
  ...
}

ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื” ื“ืึธ ืขืก ืื™ื– ื ืึธืจ ืึท ืžื™ืŸ ืคื•ืŸ ืจื™ืคึผืึทื–ืึทื˜ืึธืจื™ ืคื•ืŸ ืึทืจื˜ื™ืงืœืขืŸ. ืึทืœืข ืึทืจื˜ื™ืงืœืขืŸ ื•ื•ืึธืก ื–ืขื ืขืŸ ื“ืึทื•ื ืœืึธื•ื“ื™ื“ ื‘ืขืฉืึทืก ื“ื™ ื‘ืึทื ื™ืฆืขืจ ืกืขืกื™ืข. ืžื™ืจ ื‘ืื”ืื ื“ืœืขืŸ ื–ื™ื™ ืžื™ื˜ ื“ื™ ืžืขืจืกื˜ืข ื–ืึธืจื’, ื•ื•ื™ื™ืœ ื“ืึธืก ืื™ื– ืคืึทืจืงืขืจ ื•ื•ืึธืก ืงืขืŸ ื–ื™ื™ืŸ ื“ืึทื•ื ืœืึธื•ื“ื™ื“ ื“ื•ืจืš ื•ื•ื™ื™ื˜ื™ืง ืขืจื’ืขืฅ ืื™ืŸ ื“ื™ ืžืขื˜ืจืึธ ืฆื•ื•ื™ืฉืŸ ืกื˜ื™ื™ืฉืึทื ื–, ืื•ืŸ ืžื™ืจ ื•ื•ืขืœืŸ ื‘ืืฉื˜ื™ืžื˜ ื ื™ืฉื˜ ืžืึทื›ืŸ ื“ืขื ื•ื•ื™ื™ื˜ื™ืง ืฆื• ื“ืขืจ ื‘ืึทื ื™ืฆืขืจ ื•ื•ื™ื“ืขืจ ื“ื•ืจืš ืฆื•ื•ื™ื ื’ืขืŸ ืื™ื ืฆื• ืœืึธื“ืŸ ื“ืึทื˜ืŸ ื•ื•ืึธืก ืขืจ ื”ืื˜ ืฉื•ื™ืŸ ื“ืึทื•ื ืœืึธื•ื“ื™ื“. ืึทืŸ ืึธื‘ื™ืขืงื˜ ArticlesIds ืื™ื– ืคืฉื•ื˜ ืึท ืžืขื ื’ืข ืคื•ืŸ โ€‹โ€‹IDs (ื•ื•ื™ ืื•ื™ื‘ "ืœื™ื ืงืก") ืฆื• ืึทื‘ื“ื–ืฉืขืงืฅ ืึทืจื˜ื™ืงืœ. ื“ืขืจ ืกื˜ืจื•ืงื˜ื•ืจ ืึทืœืึทื•ื– ืื™ืจ ืฆื• ื•ื™ืกืžื™ื™ื“ืŸ ื“ื•ืคึผืœื™ืงืึทื˜ ื“ืึทื˜ืŸ ืคึผืจืึธืกื˜ ืฆื• ืจื•ืฅ ืื•ืŸ ืจื™ื•ื–ื™ื ื’ ื“ื™ ื›ื™ื™ืคืขืฅ ืึทืจื˜ื™ืงืœ ื•ื•ืขืŸ ืจืขื ื“ืขืจื™ื ื’ ืึท ืคึผืึธืกื˜ืŸ ื‘ืœืึทื˜ ื“ื•ืจืš ืžืขืจื“ื–ืฉื™ื ื’ ืขืงืกื˜ืขื ื“ืขื“ ื“ืึทื˜ืŸ ืื™ืŸ ืขืก.

ื“ืขืจ ืจืขื–ื•ืœื˜ืึทื˜ ืคื•ืŸ ื“ืขืจ ืจืฉื™ืžื” ืคื•ืŸ ืืจื˜ื™ืงืœืขืŸ ืื™ื– ืื•ื™ืš ื’ืขื•ื•ืืจืŸ ืžืขืจ ื˜ืจืึทื ืกืคึผืขืจืึทื ื˜: ื“ืขืจ ื™ื˜ืขืจืึทื˜ืึธืจ ืงืึธืžืคึผืึธื ืขื ื˜ ื™ื˜ืขืจื™ื™ืฅ ื“ื•ืจืš ื“ื™ ืžืขื ื’ืข ืžื™ื˜ ืึทืจื˜ื™ืงืœ IDs ืื•ืŸ ืฆื™ื˜ ื“ื™ ืึทืจื˜ื™ืงืœ ื˜ื™ื–ืขืจ ืงืึธืžืคึผืึธื ืขื ื˜, ืคืึธืจืŸ ื“ื™ Id ื•ื•ื™ ืึท ืึธื ืฉืคึผืึทืจ, ืื•ืŸ ื“ืขืจ ืงื™ื ื“ ืงืึธืžืคึผืึธื ืขื ื˜, ืื™ืŸ ืงืขืจ, ืจื™ื˜ืจื™ื•ื•ื– ื“ื™ ื ื™ื™ื˜ื™ืง ื“ืึทื˜ืŸ ืคื•ืŸ ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื”. ื•ื•ืขืŸ ืื™ืจ ื’ื™ื™ืŸ ืฆื• ื“ื™ ื•ื™ืกื’ืึทื‘ืข ื‘ืœืึทื˜, ืžื™ืจ ื‘ืึทืงื•ืžืขืŸ ื“ื™ ืฉื•ื™ืŸ ื™ื’ื–ื™ืกื˜ื™ื ื’ ื“ืึทื˜ืข ืคื•ืŸ ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื”, ืžื™ืจ ืžืึทื›ืŸ ืึท ื‘ืงืฉื” ืฆื• ื‘ืึทืงื•ืžืขืŸ ื“ื™ ืคืขืœื ื“ื™ืง ื“ืึทื˜ืŸ ืื•ืŸ ืคืฉื•ื˜ ืœื™ื™ื’ืŸ ืขืก ืฆื• ื“ื™ ื™ื’ื–ื™ืกื˜ื™ื ื’ ื›ื™ื™ืคืขืฅ.

ืคืืจื•ื•ืืก ืื™ื– ื“ืขืจ ืฆื•ื’ืึทื ื’ ื‘ืขืกืขืจ? ื•ื•ื™ ืื™ืš ื’ืขืฉืจื™ื‘ืŸ ืื•ื™ื‘ืŸ, ื“ืขื ืฆื•ื’ืึทื ื’ ืื™ื– ืžืขืจ ืžื™ืœื“ ืžื™ื˜ ืจืขืกืคึผืขืงื˜ ืฆื• ื“ื™ ื“ืึทื•ื ืœืึธื•ื“ื™ื“ ื“ืึทื˜ืŸ ืื•ืŸ ืึทืœืึทื•ื– ืื™ืจ ืฆื• ืจื™ื™ื•ืก ืขืก. ืึธื‘ืขืจ ืึทื—ื•ืฅ ื“ืขื, ืขืก ืขืคึฟื ื˜ ื“ืขื ื•ื•ืขื’ ืฆื• ืขื˜ืœืขื›ืข ื ื™ื™ึทืข ืคึผืึทืกืึทื‘ื™ืœืึทื˜ื™ื– ื•ื•ืึธืก ืคึผืึทืกื™ืง ื‘ื™ืฉืœื™ื™ืžืขืก ืื™ืŸ ืึทื–ืึท ืึท ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ. ืคึฟืึทืจ ื‘ื™ื™ึทืฉืคึผื™ืœ, ืคึผืึธืœืœื™ื ื’ ืื•ืŸ ืœืึธื•ื“ื™ื ื’ ืึทืจื˜ื™ืงืœืขืŸ ืื™ืŸ ื“ื™ ืคื™ื˜ืขืจ ื•ื•ื™ ื–ื™ื™ ื“ืขืจืฉื™ื™ึทื ืขืŸ. ืžื™ืจ ืงืขื ืขืŸ ืคืฉื•ื˜ ืฉื˜ืขืœืŸ ื“ื™ ืœืขืฆื˜ืข ืึทืจื˜ื™ืงืœืขืŸ ืื™ืŸ ืึท "ืกื˜ืึธืจื™ื“ื–ืฉ" ืืจื˜ื™ืงืœืขืŸ ืจืฉื™ืžื”, ื”ื™ื˜ ืึท ื‘ืึทื–ื•ื ื“ืขืจ ืจืฉื™ืžื” ืคื•ืŸ ื ื™ื™ึทืข IDs ืื™ืŸ ArticlesIds ืื•ืŸ ื’ืขื‘ื  ืฆื• ื•ื•ื™ืกืŸ ื“ืขื ื‘ืึทื ื™ืฆืขืจ ื•ื•ืขื’ืŸ ืื™ื. ื•ื•ืขืŸ ืžื™ืจ ื“ืจื™ืงื˜ ืื•ื™ืฃ ื“ื™ ืงื ืขืคึผืœ "ื•ื•ื™ื™ึทื–ืŸ ื ื™ื™ึทืข ืื•ื™ืกื’ืื‘ืขืก", ืžื™ืจ ื•ื•ืขืœืŸ ืคืฉื•ื˜ ืึทืจื™ื™ึทื ืœื™ื™ื’ืŸ ื ื™ื™ึท ื™ื“ืก ืื™ืŸ ื“ื™ ืึธื ื”ื™ื™ื‘ ืคื•ืŸ ื“ื™ ืžืขื ื’ืข ืคื•ืŸ โ€‹โ€‹ื“ื™ ืงืจืึทื ื˜ ืจืฉื™ืžื” ืคื•ืŸ ืึทืจื˜ื™ืงืœืขืŸ ืื•ืŸ ืึทืœืฅ ื•ื•ืขื˜ ืึทืจื‘ืขื˜ืŸ ื›ึผืžืขื˜ ืžืึทื“ื–ืฉื™ืงืึทืœื™.

ืžืื›ืŸ ื“ืึทื•ื ืœืึธื•ื“ื™ื ื’ ืžืขืจ ืขื ื“ื–ืฉื•ื™ืึทื‘ืึทืœ

ื“ื™ ื™ื™ืกื™ื ื’ ืื•ื™ืฃ ื“ื™ ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืฉื˜ื™ืงืœ ืื™ื– ื“ืขืจ ื‘ืึทื’ืจื™ืฃ ืคื•ืŸ ืกืงืขืœืึทื˜ืึทื ื–, ื•ื•ืึธืก ืžืื›ื˜ ื“ืขื ืคึผืจืึธืฆืขืก ืคื•ืŸ ื“ืึทื•ื ืœืึธื•ื“ื™ื ื’ ืื™ื ื”ืึทืœื˜ ืื•ื™ืฃ ืึท ืคึผืึทืžืขืœืขืš ืื™ื ื˜ืขืจื ืขื˜ ืึท ื‘ื™ืกืœ ื•ื•ื™ื™ื ื™ืงืขืจ ืขืงืœื“ื™ืง. ืขืก ื–ืขื ืขืŸ ืงื™ื™ืŸ ื“ื™ืกืงื•ืกื™ืขืก ื•ื•ืขื’ืŸ ื“ืขื ืขื ื™ืŸ; ื“ืขืจ ื•ื•ืขื’ ืคื•ืŸ ื’ืขื“ืึทื ืง ืฆื• ืคึผืจืึธื•ื˜ืึทื˜ื™ื™ืคึผ ื’ืขื ื•ืžืขืŸ ืžืžืฉ ืฆื•ื•ื™ื™ ืฉืขื”. ื“ืขืจ ืคึผืœืึทืŸ ืคึผืจืึทืงื˜ืึทืงืœื™ ื’ืขืฆื•ื™ื’ืŸ ื–ื™ืš, ืื•ืŸ ืžื™ืจ ื’ืขืœืขืจื ื˜ ืื•ื ื“ื–ืขืจ ืงืึทืžืคึผืึธื•ื ืึทื ืฅ ืฆื• ืžืึทื›ืŸ ืคึผืฉื•ื˜, ืงื•ื™ื ืคืœื™ืงืงืขืจื™ื ื’ ื“ื™ื™ื•ื• ื‘ืœืึทืงืก ื‘ืฉืขืช ื•ื•ืืจื˜ืŸ ืคึฟืึทืจ ื“ืึทื˜ืŸ. ืกืึทื‘ื“ื–ืฉืขืงื˜ื™ื•ื•ืœื™, ื“ืขื ืฆื•ื’ืึทื ื’ ืฆื• ืœืึธื•ื“ื™ื ื’ ืึทืงื˜ืฉืึทื•ื•ืึทืœื™ ืจืึทื“ื•ืกืึทื– ื“ื™ ืกื•ืžืข ืคื•ืŸ โ€‹โ€‹ื“ืจื•ืง ื›ืึธืจืžืึธื•ื ื– ืื™ืŸ ื“ื™ ื‘ืึทื ื™ืฆืขืจ 'ืก ื’ื•ืฃ. ื“ืขืจ ืกืงืขืœืขื˜ ืงื•ืงื˜ ื•ื•ื™ ื“ืึธืก:

ื”ืึทื‘ืจ ืคืจืึธื ื˜-ืขื ื“ ื“ืขื•ื•ืขืœืึธืคึผืขืจ ืœืึธื’ืก: ืจืขืคืึทืงื˜ืึธืจื™ื ื’ ืื•ืŸ ืจื™ืคืœืขืงื˜ื™ื ื’
Habraloading

ืจืขืคืœืขืงื˜ื™ื ื’

ืื™ืš ื”ืื‘ ืฉื•ื™ืŸ ื–ืขืงืก ื—ื“ืฉื™ื ืืจื‘ืขื˜ืŸ ืื™ืŸ Habrรฉ ืื•ืŸ ืžื™ื™ืŸ ืคืจืขื ื“ื– ื ืึธืš ืคืจืขื’ืŸ: ื ื•, ื•ื•ื™ ื˜ืึธืŸ ืื™ืจ ื•ื•ื™ ืขืก ื“ืึธืจื˜? ืึธื•ืงื™ื™, ื‘ืึทืงื•ื•ืขื - ื™ืึธ. ืื‘ืขืจ ืขืก ืื™ื– ืขืคึผืขืก ื•ื•ืึธืก ืžืื›ื˜ ื“ืขื ืึทืจื‘ืขื˜ ืึทื ื“ืขืจืฉ ืคื•ืŸ ืื ื“ืขืจืข. ืื™ืš ื’ืขืืจื‘ืขื˜ ืื™ืŸ ื˜ื™ืžื– ื•ื•ืึธืก ื–ืขื ืขืŸ ื’ืึธืจ ื’ืœื™ื™ึทื›ื’ื™ืœื˜ื™ืง ืฆื• ื–ื™ื™ืขืจ ืคึผืจืึธื“ื•ืงื˜, ื”ืื˜ ื ื™ื˜ ื•ื•ื™ืกืŸ ืึธื“ืขืจ ืคึฟืึทืจืฉื˜ื™ื™ืŸ ื•ื•ืึธืก ื–ื™ื™ืขืจ ื ื™ืฆืขืจืก ื–ืขื ืขืŸ. ืื‘ืขืจ ื“ืึธ ืึทืœืฅ ืื™ื– ืึทื ื“ืขืจืฉ. ื“ืึธ ืื™ืจ ืคื™ืœืŸ ืคืึทืจืึทื ื˜ื•ื•ืึธืจื˜ืœืขืš ืคึฟืึทืจ ื•ื•ืึธืก ืื™ืจ ื˜ืึธืŸ. ืื™ืŸ ื“ืขื ืคึผืจืึธืฆืขืก ืคื•ืŸ ื“ืขื•ื•ืขืœืึธืคึผื™ื ื’ ืึท ืฉื˜ืจื™ืš, ืื™ืจ ื˜ื™ื™ืœ ื–ื™ื™ืŸ ื‘ืึทื–ื™ืฆืขืจ, ื ืขืžืขืŸ ืึธื ื˜ื™ื™ืœ ืื™ืŸ ืึทืœืข ืคึผืจืึธื“ื•ืงื˜ ืžื™ื˜ื™ื ื’ื– ืฉื™ื™ึทื›ื•ืช ืฆื• ื“ื™ื™ืŸ ืคืึทื ื’ืงืฉืึทื ืึทืœื™ื˜ื™, ืžืึทื›ืŸ ืคึฟื™ืจืœื™ื™ื’ืŸ ืื•ืŸ ืžืึทื›ืŸ ื“ื™ืกื™ื–ืฉืึทื ื– ื–ื™ืš. ืžืึทื›ืŸ ืึท ืคึผืจืึธื“ื•ืงื˜ ื•ื•ืึธืก ืื™ืจ ื ื•ืฆืŸ ื™ืขื“ืขืจ ื˜ืึธื’ ื–ื™ืš ืื™ื– ื–ื™ื™ืขืจ ืงื™ืœ, ืึธื‘ืขืจ ืฉืจื™ื™ื‘ืŸ ืงืึธื“ ืคึฟืึทืจ ืžืขื ื˜ืฉืŸ ื•ื•ืึธืก ื–ืขื ืขืŸ ืžื™ืกื˜ืึธืžืข ื‘ืขืกืขืจ ืื™ืŸ ืขืก ื•ื•ื™ ืื™ืจ ืื™ื– ื ืึธืจ ืึทืŸ ื’ืœื™ื™ื‘ืŸ ื’ืขืคื™ืœ (ืงื™ื™ืŸ ืกืึทืจืงืึทื–ื).

ื ืึธืš ื“ื™ ืžืขืœื“ื•ื ื’ ืคื•ืŸ ืึทืœืข ื“ื™ ืขื ื“ืขืจื•ื ื’ืขืŸ, ืžื™ืจ ื‘ืืงื•ืžืขืŸ positive ื‘ืึทืžืขืจืงื•ื ื’ืขืŸ, ืื•ืŸ ืขืก ืื™ื– ื’ืขื•ื•ืขืŸ ื–ื™ื™ืขืจ, ื–ื™ื™ืขืจ ืคื™ื™ึทืŸ. ืขืก ืก ื™ื ืกืคึผื™ืจื™ื ื’. ืื“ืื ืง! ืฉืจื™ื™ื‘ ืžืขืจ.

ืœืึธื–ืŸ ืžื™ืจ ื“ืขืจืžืึธื ืขืŸ ืื™ืจ ืึทื– ื ืึธืš ื’ืœืื‘ืืœืข ื•ื•ืขืจื™ืึทื‘ืึทืœื– ืžื™ืจ ื‘ืึทืฉืœืึธืกืŸ ืฆื• ื˜ื•ื™ืฉืŸ ื“ื™ ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ืื•ืŸ ืึทืœืึทืงื™ื™ื˜ ื“ื™ ืคึผืจืึทืงืกื™ ืฉื™ื›ื˜ืข ืื™ืŸ ืึท ื‘ืึทื–ื•ื ื“ืขืจ ื‘ื™ื™ึทืฉืคึผื™ืœ. ื“ื™ "ืฆื•ื•ื™ื™-ื ืึธื“ืข" ืึทืจืงืึทื˜ืขืงื˜ืฉืขืจ ื”ืื˜ ืฉื•ื™ืŸ ืจื™ื˜ืฉื˜ ืžืขืœื“ื•ื ื’ ืื™ืŸ ื“ื™ ืคืึธืจืขื ืคื•ืŸ ืขืคื ื˜ืœืขืš ื‘ื™ืชื ื˜ืขืกื˜ื™ื ื’. ืื™ืฆื˜ ื•ื•ืขืจ ืขืก ื™ื– ืงืขื ืขืŸ ื‘ืึทืฉื˜ื™ืžืขืŸ ืฆื• ืขืก ืื•ืŸ ื”ืขืœืคึฟืŸ ืื•ื ื“ื– ืžืึทื›ืŸ ืจื™ืจืขื•ื•ื“ื™ืง ื”ืึทื‘ ื‘ืขืกืขืจ. ื“ืึธืก ืื™ื– ืึทืœืข ืคึฟืึทืจ ื”ื™ื™ึทื ื˜. ืื™ืš ื•ื•ืขืœ ื–ื™ื™ืŸ ืฆื•ืคืจื™ื“ืŸ ืฆื• ืขื ื˜ืคึฟืขืจืŸ ืึทืœืข ื“ื™ื™ืŸ ืคึฟืจืื’ืŸ ืื™ืŸ ื“ื™ ื‘ืึทืžืขืจืงื•ื ื’ืขืŸ.

ืžืงื•ืจ: www.habr.com

ืœื™ื™ื’ืŸ ืึท ื‘ืึทืžืขืจืงื•ื ื’