Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рдд

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рдд

Habr рдЪреА рдЖрддреВрди рд░рдЪрдирд╛ рдХрд╢реА рдХреЗрд▓реА рдЬрд╛рддреЗ, рд╡рд░реНрдХрдлреНрд▓реЛрдЪреА рд░рдЪрдирд╛ рдХрд╢реА рдХреЗрд▓реА рдЬрд╛рддреЗ, рд╕рдВрдкреНрд░реЗрд╖рдгрд╛рдВрдЪреА рд░рдЪрдирд╛ рдХрд╢реА рдХреЗрд▓реА рдЬрд╛рддреЗ, рдХреЛрдгрддреА рдорд╛рдирдХреЗ рд╡рд╛рдкрд░рд▓реА рдЬрд╛рддрд╛рдд рдЖрдгрд┐ рд╕рд╛рдорд╛рдиреНрдпрддрдГ рдпреЗрдереЗ рдХреЛрдб рдХрд╕рд╛ рд▓рд┐рд╣рд┐рд▓рд╛ рдЬрд╛рддреЛ рдпрд╛рдмрджреНрджрд▓ рдорд▓рд╛ рдиреЗрд╣рдореАрдЪ рд░рд╕ рдЖрд╣реЗ. рд╕реБрджреИрд╡рд╛рдиреЗ, рдорд▓рд╛ рдЕрд╢реА рд╕рдВрдзреА рдорд┐рд│рд╛рд▓реА, рдХрд╛рд░рдг рдореА рдиреБрдХрддрд╛рдЪ рд╣рд╛рдмреНрд░рд╛ рд╕рдВрдШрд╛рдЪрд╛ рднрд╛рдЧ рдЭрд╛рд▓реЛ. рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреАрдЪреНрдпрд╛ рдЫреЛрдЯреНрдпрд╛ рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧрдЪреЗ рдЙрджрд╛рд╣рд░рдг рд╡рд╛рдкрд░реВрди, рдореА рдпрд╛ рдкреНрд░рд╢реНрдирд╛рдЪреЗ рдЙрддреНрддрд░ рджреЗрдгреНрдпрд╛рдЪрд╛ рдкреНрд░рдпрддреНрди рдХрд░реЗрди: рдпреЗрдереЗ рд╕рдореЛрд░ рдХрд╛рдо рдХрд░рдгреНрдпрд╛рд╕ рдХрд╛рдп рдЖрд╡рдбрддреЗ. рдХрд╛рд░реНрдпрдХреНрд░рдорд╛рдд: рдиреЛрдб, рд╡реНрд╣реНрдпреВ, рд╡реНрд╣реНрдпреВрдПрдХреНрд╕ рдЖрдгрд┐ рдПрд╕рдПрд╕рдЖрд░ рд╣рдмреНрд░рдордзреАрд▓ рд╡реИрдпрдХреНрддрд┐рдХ рдЕрдиреБрднрд╡рд╛рдмрджреНрджрд▓ рдиреЛрдЯреНрд╕рдордзреВрди рд╕реЙрд╕рд╕рд╣.

рдбреЗрд╡реНрд╣рд▓рдкрдореЗрдВрдЯ рдЯреАрдордмрджреНрджрд▓ рддреБрдореНрд╣рд╛рд▓рд╛ рдкрд╣рд┐рд▓реА рдЧреЛрд╖реНрдЯ рдорд╛рд╣рд┐рдд рдЕрд╕рдгреЗ рдЖрд╡рд╢реНрдпрдХ рдЖрд╣реЗ рдХреА рдЖрдордЪреНрдпрд╛рдкреИрдХреА рдХрд╛рд╣реА рд▓реЛрдХ рдЖрд╣реЗрдд. рдкреБрд░реЗрд╕реЗ рдирд╛рд╣реА - рд╣реЗ рддреАрди рдЖрдШрд╛рдбреНрдпрд╛ рдЖрд╣реЗрдд, рджреЛрди рдкрд╛рдареАрдорд╛рдЧреЗ рдЖрдгрд┐ рд╕рд░реНрд╡ рд╣реЕрдмреНрд░рдЪреА рддрд╛рдВрддреНрд░рд┐рдХ рдЖрдШрд╛рдбреА - рдмреЕрдХреНрд╕рд▓реЗ. рдЕрд░реНрдерд╛рдд, рдПрдХ рдкрд░реАрдХреНрд╖рдХ, рдПрдХ рдбрд┐рдЭрд╛рдпрдирд░, рддреАрди рд╡рд╛рджрд┐рдо, рдПрдХ рдЪрдорддреНрдХрд╛рд░реА рдЭрд╛рдбреВ, рдПрдХ рд╡рд┐рдкрдгрди рд╡рд┐рд╢реЗрд╖рдЬреНрдЮ рдЖрдгрд┐ рдЗрддрд░ рдмрдВрдмреБрд░рдо рджреЗрдЦреАрд▓ рдЖрд╣реЗрдд. рдкрд░рдВрддреБ Habr рдЪреНрдпрд╛ рд╕реНрддреНрд░реЛрддрд╛рдВрдордзреНрдпреЗ рдлрдХреНрдд рд╕рд╣рд╛ рдереЗрдЯ рдпреЛрдЧрджрд╛рдирдХрд░реНрддреЗ рдЖрд╣реЗрдд. рд╣реЗ рдЕрдЧрджреА рджреБрд░реНрдорд┐рд│ рдЖрд╣реЗ - рдХреЛрдЯреНрдпрд╡рдзреА-рдбреЙрд▓рд░ рдкреНрд░реЗрдХреНрд╖рдХ рдЕрд╕рд▓реЗрд▓рд╛ рдкреНрд░рдХрд▓реНрдк, рдЬреЛ рдмрд╛рд╣реЗрд░реВрди рдПрдЦрд╛рджреНрдпрд╛ рдорд╣рд╛рдХрд╛рдп рдЙрдкрдХреНрд░рдорд╛рд╕рд╛рд░рдЦрд╛ рджрд┐рд╕рддреЛ, рдкреНрд░рддреНрдпрдХреНрд╖рд╛рдд рд╢рдХреНрдп рддрд┐рддрдХреНрдпрд╛ рд╕рдкрд╛рдЯ рд╕рдВрд╕реНрдерд╛рддреНрдордХ рд╕рдВрд░рдЪрдиреЗрд╕рд╣ рдПрдХ рдЖрд░рд╛рдорджрд╛рдпрдХ рд╕реНрдЯрд╛рд░реНрдЯрдЕрдкрд╕рд╛рд░рдЦрд╛ рджрд┐рд╕рддреЛ.

рдЗрддрд░ рдмрд░реНтАНрдпрд╛рдЪ рдЖрдпрдЯреА рдХрдВрдкрдиреНрдпрд╛рдВрдкреНрд░рдорд╛рдгреЗ, рд╣реЕрдмрд░ рдЪрдкрд│ рдХрд▓реНрдкрдирд╛, рд╕реАрдЖрдп рд╕рд░рд╛рд╡, рдЖрдгрд┐ рдПрд╡рдвреЗрдЪ. рдкрд░рдВрддреБ рдорд╛рдЭреНрдпрд╛ рднрд╛рд╡рдирд╛рдВрдиреБрд╕рд╛рд░, рдЙрддреНрдкрд╛рджрди рдореНрд╣рдгреВрди Habr рд╕рддрддрдкреЗрдХреНрд╖рд╛ рд▓рд╣рд░реАрдВрдордзреНрдпреЗ рдЕрдзрд┐рдХ рд╡рд┐рдХрд╕рд┐рдд рд╣реЛрдд рдЖрд╣реЗ. рдореНрд╣рдгреВрди, рд╕рд▓рдЧ рдЕрдиреЗрдХ рд╕реНрдкреНрд░рд┐рдВрдЯрд╕рд╛рдареА, рдЖрдореНрд╣реА рдкрд░рд┐рд╢реНрд░рдордкреВрд░реНрд╡рдХ рдХрд╛рд╣реАрддрд░реА рдХреЛрдб рдХрд░рддреЛ, рдбрд┐рдЭрд╛рдЗрди рдХрд░рддреЛ рдЖрдгрд┐ рдкреБрдиреНрд╣рд╛ рдбрд┐рдЭрд╛рдЗрди рдХрд░рддреЛ, рдХрд╛рд╣реАрддрд░реА рддреЛрдбрддреЛ рдЖрдгрд┐ рддреНрдпрд╛рдЪреЗ рдирд┐рд░рд╛рдХрд░рдг рдХрд░рддреЛ, рддрд┐рдХрд┐рдЯреЗ рд╕реЛрдбрд╡рддреЛ рдЖрдгрд┐ рдирд╡реАрди рддрдпрд╛рд░ рдХрд░рддреЛ, рд░реЗрдХрд╡рд░ рдкрд╛рдКрд▓ рдареЗрд╡рддреЛ рдЖрдгрд┐ рд╕реНрд╡рддрдГрд▓рд╛ рдкрд╛рдпрд╛рдд рдЧреЛрд│реА рдШрд╛рд▓рддреЛ, рд╢реЗрд╡рдЯреА рд╡реИрд╢рд┐рд╖реНрдЯреНрдп рд░рд┐рд▓реАрдЬ рдХрд░рдгреНрдпрд╛рд╕рд╛рдареА рдЙрддреНрдкрд╛рджрди. рдЖрдгрд┐ рдордЧ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╢рд╛рдВрддрддрд╛, рдкреБрдирд░реНрд╡рд┐рдХрд╛рд╕рд╛рдЪрд╛ рдХрд╛рд▓рд╛рд╡рдзреА, "рдорд╣рддреНрддреНрд╡рд╛рдЪреЗ-рдирд╛рд╣реА рддрд╛рддрдбреАрдЪреЗ" рдЪрддреБрд░реНрдерд╛рдВрд╢ рдордзреНрдпреЗ рдХрд╛рдп рдХрд░рдгреНрдпрд╛рдЪреА рд╡реЗрд│ рдпреЗрддреЗ.

рд╣реЗ "рдСрдл-рд╕реАрдЭрди" рд╕реНрдкреНрд░рд┐рдВрдЯ рдЖрд╣реЗ рдЬреНрдпрд╛рдЪреА рдЦрд╛рд▓реА рдЪрд░реНрдЪрд╛ рдХреЗрд▓реА рдЬрд╛рдИрд▓. рдпрд╛рд╡реЗрд│реА рддреНрдпрд╛рдд Habr рдЪреНрдпрд╛ рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреАрдЪреЗ рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рд╕рдорд╛рд╡рд┐рд╖реНрдЯ рд╣реЛрддреЗ. рд╕рд░реНрд╡рд╕рд╛рдзрд╛рд░рдгрдкрдгреЗ, рдХрдВрдкрдиреАрд▓рд╛ рддреНрдпрд╛рдЪреНрдпрд╛рдмрджреНрджрд▓ рдЦреВрдк рдЖрд╢рд╛ рдЖрд╣реЗ рдЖрдгрд┐ рднрд╡рд┐рд╖реНрдпрд╛рдд рддрд┐рдиреЗ рд╣реЕрдмреНрд░рдЪреНрдпрд╛ рдЕрд╡рддрд╛рд░рд╛рдВрдЪреЗ рд╕рдВрдкреВрд░реНрдг рдкреНрд░рд╛рдгреАрд╕рдВрдЧреНрд░рд╣рд╛рд▓рдп рдкреБрдирд░реНрд╕реНрдерд┐рдд рдХреЗрд▓реЗ рдкрд╛рд╣рд┐рдЬреЗ рдЖрдгрд┐ рдПрдХ рд╕рд╛рд░реНрд╡рддреНрд░рд┐рдХ рдХреНрд░реЙрд╕-рдкреНрд▓реЕрдЯрдлреЙрд░реНрдо рд╕реЛрд▓реНрдпреВрд╢рди рдмрдирд▓реЗ рдкрд╛рд╣рд┐рдЬреЗ. рдПрдЦрд╛рджреНрдпрд╛ рджрд┐рд╡рд╢реА рдЕрдиреБрдХреВрд▓реА рдорд╛рдВрдбрдгреА, PWA, рдСрдлрд▓рд╛рдЗрди рдореЛрдб, рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рд╕рд╛рдиреБрдХреВрд▓рди рдЖрдгрд┐ рдЗрддрд░ рдЕрдиреЗрдХ рдордиреЛрд░рдВрдЬрдХ рдЧреЛрд╖реНрдЯреА рдЕрд╕рддреАрд▓.

рдЪрд▓рд╛ рдЯрд╛рд╕реНрдХ рд╕реЗрдЯ рдХрд░реВрдпрд╛

рдПрдХрджрд╛, рдПрдХрд╛ рд╕рд╛рдорд╛рдиреНрдп рд╕реНрдЯрдБрдб-рдЕрдкрд╡рд░, рд╕рдореЛрд░реАрд▓ рдПрдХрд╛рдиреЗ рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреАрдЪреНрдпрд╛ рдЯрд┐рдкреНрдкрдгреНрдпрд╛ рдШрдЯрдХрд╛рдВрдЪреНрдпрд╛ рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░рдордзреАрд▓ рд╕рдорд╕реНрдпрд╛рдВрдмрджреНрджрд▓ рд╕рд╛рдВрдЧрд┐рддрд▓реЗ. рд╣реЗ рд▓рдХреНрд╖рд╛рдд рдШреЗрдКрди рдЖрдореНрд╣реА рдЧреНрд░реБрдк рд╕рд╛рдпрдХреЛрдереЗрд░рдкреАрдЪреНрдпрд╛ рд╕реНрд╡рд░реВрдкрд╛рдд рд╕реВрдХреНрд╖реНрдо рдмреИрдардХ рдЖрдпреЛрдЬрд┐рдд рдХреЗрд▓реА. рдХреБрдареЗ рджреБрдЦрддрдВрдп рдЕрд╕рдВ рдореНрд╣рдгрдд рдкреНрд░рддреНрдпреЗрдХрд╛рдиреЗ рдЖрд▓рдЯреВрди рдкрд╛рд▓рдЯреВрди рд╕рдЧрд│рдВ рдХрд╛рд╣реА рдХрд╛рдЧрджрд╛рд╡рд░ рдиреЛрдВрджрд╡рд▓рдВ, рддреНрдпрд╛рдВрдирд╛ рд╕рд╣рд╛рдиреБрднреВрддреА рд╡рд╛рдЯрд▓реА, рддреНрдпрд╛рдВрдирд╛ рд╕рдордЬрд▓рдВ, рддреНрдпрд╛рд╢рд┐рд╡рд╛рдп рдХреЛрдгреАрд╣реА рдЯрд╛рд│реА рд╡рд╛рдЬрд╡рд▓реА рдирд╛рд╣реА. рдкрд░рд┐рдгрд╛рдо 20 рд╕рдорд╕реНрдпрд╛рдВрдЪреА рдпрд╛рджреА рд╣реЛрддреА, рдЬреНрдпрд╛рдиреЗ рд╣реЗ рд╕реНрдкрд╖реНрдЯ рдХреЗрд▓реЗ рдХреА рдореЛрдмрд╛рдЗрд▓ рд╣реЕрдмреНрд░рдХрдбреЗ рдЕрджреНрдпрд╛рдк рдпрд╢рд╛рдЪрд╛ рдПрдХ рд▓рд╛рдВрдм рдЖрдгрд┐ рдХрд╛рдЯреЗрд░реА рдорд╛рд░реНрдЧ рдЖрд╣реЗ.

рдореА рдкреНрд░рд╛рдореБрдЦреНрдпрд╛рдиреЗ рд╕рдВрд╕рд╛рдзрдирд╛рдЪреНрдпрд╛ рд╡рд╛рдкрд░рд╛рдЪреНрдпрд╛ рдХрд╛рд░реНрдпрдХреНрд╖рдорддреЗрдмрджреНрджрд▓ рдЖрдгрд┐ рдЬреНрдпрд╛рд▓рд╛ рдЧреБрд│рдЧреБрд│реАрдд рдЗрдВрдЯрд░рдлреЗрд╕ рдореНрд╣рдгрддрд╛рдд рддреНрдпрд╛рдмрджреНрджрд▓ рдЪрд┐рдВрддрд┐рдд рд╣реЛрддреЛ. рджрд░рд░реЛрдЬ, рд╣реЛрдо-рд╡рд░реНрдХ-рд╣реЛрдо рд░реВрдЯрд╡рд░, рдореА рдорд╛рдЭрд╛ рдЬреБрдирд╛ рдлреЛрди рдлреАрдбрдордзреНрдпреЗ 20 рдордерд│реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдгреНрдпрд╛рдЪрд╛ рдкреНрд░рдпрддреНрди рдХрд░рдд рдЕрд╕рд▓реНрдпрд╛рдЪреЗ рдкрд╛рд╣рд┐рд▓реЗ. рд╣реЗ рдЕрд╕реЗ рдХрд╛рд╣реАрддрд░реА рджрд┐рд╕рдд рд╣реЛрддреЗ:

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рддрд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдХрд░рдгреНрдпрд╛рдкреВрд░реНрд╡реА рдореЛрдмрд╛рдЗрд▓ Habr рдЗрдВрдЯрд░рдлреЗрд╕

рдЗрдереЗ рдХрд╛рдп рдЪрд╛рд▓рд▓реЗ рдЖрд╣реЗ? рдереЛрдбрдХреНрдпрд╛рдд, рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рдиреЗ рд▓реЙрдЧ рдЗрди рдХреЗрд▓реЗ рдХреА рдирд╛рд╣реА рдпрд╛рдЪреА рдкрд░реНрд╡рд╛ рди рдХрд░рддрд╛ рд╕рд░реНрд╡реНрд╣рд░рдиреЗ рдкреНрд░рддреНрдпреЗрдХрд╛рд▓рд╛ HTML рдкреГрд╖реНрда рд╕рдорд╛рди рдкреНрд░рдХрд╛рд░реЗ рджрд┐рд▓реЗ. рдордЧ рдХреНрд▓рд╛рдпрдВрдЯ JS рд▓реЛрдб рдХреЗрд▓рд╛ рдЬрд╛рддреЛ рдЖрдгрд┐ рдЖрд╡рд╢реНрдпрдХ рдбреЗрдЯрд╛рдЪреА рдкреБрдиреНрд╣рд╛ рд╡рд┐рдирдВрддреА рдХрд░рддреЛ, рдкрд░рдВрддреБ рдЕрдзрд┐рдХреГрддрддреЗрд╕рд╛рдареА рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХреЗрд▓рд╛ рдЬрд╛рддреЛ. рдореНрд╣рдгрдЬреЗрдЪ, рдЖрдореНрд╣реА рдкреНрд░рддреНрдпрдХреНрд╖рд╛рдд рдПрдХрдЪ рдХрд╛рдо рджреЛрдирджрд╛ рдХреЗрд▓реЗ. рдЗрдВрдЯрд░рдлреЗрд╕ рдлреНрд▓рд┐рдХрд░ рдЭрд╛рд▓рд╛ рдЖрдгрд┐ рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рдиреЗ рдЪрд╛рдВрдЧрд▓реЗ рд╢рдВрднрд░ рдЕрддрд┐рд░рд┐рдХреНрдд рдХрд┐рд▓реЛрдмрд╛рдЗрдЯреНрд╕ рдбрд╛рдЙрдирд▓реЛрдб рдХреЗрд▓реЗ. рддрдкрд╢реАрд▓рд╛рдд рд╕рд░реНрд╡рдХрд╛рд╣реА рдЖрдгрдЦреА рднрд┐рддреАрджрд╛рдпрдХ рджрд┐рд╕рдд рд╣реЛрддреЗ.

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рддрдЬреБрдиреА SSR-CSR рдпреЛрдЬрдирд╛. рдЕрдзрд┐рдХреГрддрддрд╛ рдХреЗрд╡рд│ C3 рдЖрдгрд┐ C4 рдЯрдкреНрдкреНрдпрд╛рдВрд╡рд░ рд╢рдХреНрдп рдЖрд╣реЗ, рдЬреЗрд╡реНрд╣рд╛ рдиреЛрдб JS HTML рддрдпрд╛рд░ рдХрд░рдгреНрдпрд╛рдд рд╡реНрдпрд╕реНрдд рдирд╕рддреЛ рдЖрдгрд┐ API рд▓рд╛ рдкреНрд░реЙрдХреНрд╕реА рд╡рд┐рдирдВрддреНрдпрд╛ рдХрд░реВ рд╢рдХрддреЛ.

рддреНрдпрд╛рд╡реЗрд│рдЪреНрдпрд╛ рдЖрдордЪреНрдпрд╛ рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░рдЪреЗ рд╡рд░реНрдгрди Habr рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рдВрдкреИрдХреА рдПрдХрд╛рдиреЗ рдЕрдЧрджреА рдЕрдЪреВрдХрдкрдгреЗ рдХреЗрд▓реЗ рд╣реЛрддреЗ:

рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреА рдмрдХрд╡рд╛рд╕ рдЖрд╣реЗ. рдореА рддреЗ рдЬрд╕реЗ рдЖрд╣реЗ рддрд╕реЗ рд╕рд╛рдВрдЧрдд рдЖрд╣реЗ. SSR рдЖрдгрд┐ CSR рдЪреЗ рднрдпрд╛рдирдХ рд╕рдВрдпреЛрдЬрди.

рдХрд┐рддреАрд╣реА рджреБрдГрдЦ рдЭрд╛рд▓реЗ рддрд░реА рддреЗ рдорд╛рдиреНрдп рдХрд░рд╛рд╡реЗрдЪ рд▓рд╛рдЧрд▓реЗ.

рдореА рдкрд░реНрдпрд╛рдпрд╛рдВрдЪреЗ рдореВрд▓реНрдпрд╛рдВрдХрди рдХреЗрд▓реЗ, "рдЖрддрд╛ рд╡рд╛рдИрдЯ рдЖрд╣реЗ, рддреЗ рдмрд░реЛрдмрд░ рдХрд░рд╛" рдпрд╛ рд╕реНрддрд░рд╛рд╡рд░ рд╡рд░реНрдгрдирд╛рд╕рд╣ рдЬрд┐рд░рд╛рдордзреНрдпреЗ рдПрдХ рддрд┐рдХреАрдЯ рддрдпрд╛рд░ рдХреЗрд▓реЗ рдЖрдгрд┐ рдХрд╛рд░реНрдп рд╡рд┐рд╕реНрддреГрдд рд╕реНрдЯреНрд░реЛрдХрдордзреНрдпреЗ рд╡рд┐рдШрдЯрд┐рдд рдХреЗрд▓реЗ:

  • рдбреЗрдЯрд╛рдЪрд╛ рдкреБрдирд░реНрд╡рд╛рдкрд░,
  • рдкреБрдиреНрд╣рд╛ рдХрд╛рдврдгреНрдпрд╛рдЪреА рд╕рдВрдЦреНрдпрд╛ рдХрдореА рдХрд░рд╛,
  • рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рд╡рд┐рдирдВрддреНрдпрд╛ рдХрд╛рдвреВрди рдЯрд╛рдХрд╛,
  • рд▓реЛрдбрд┐рдВрдЧ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рдХрд░рд╛.

рдЪрд▓рд╛ рдбреЗрдЯрд╛ рдкреБрдиреНрд╣рд╛ рд╡рд╛рдкрд░реБрдпрд╛

рд╕рд┐рджреНрдзрд╛рдВрддрд╛рдиреБрд╕рд╛рд░, рд╕рд░реНрд╡реНрд╣рд░-рд╕рд╛рдЗрдб рдкреНрд░рд╕реНрддреБрддреАрдХрд░рдг рджреЛрди рд╕рдорд╕реНрдпрд╛рдВрдЪреЗ рдирд┐рд░рд╛рдХрд░рдг рдХрд░рдгреНрдпрд╛рд╕рд╛рдареА рдбрд┐рдЭрд╛рдЗрди рдХреЗрд▓реЗрд▓реЗ рдЖрд╣реЗ: рд╢реЛрдз рдЗрдВрдЬрд┐рдирдЪреНрдпрд╛ рдорд░реНрдпрд╛рджрд╛рдВрдореБрд│реЗ рдЧреНрд░рд╕реНрдд рд╣реЛрдК рдирдпреЗ SPA рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдЖрдгрд┐ рдореЗрдЯреНрд░рд┐рдХ рд╕реБрдзрд╛рд░рд╛ FMP (рдЕрдкрд░рд┐рд╣рд╛рд░реНрдпрдкрдгреЗ рдЦрд░рд╛рдм рд╣реЛрдгреЗ рдЯреАрдЯреАрдЖрдп). рдПрдХ рдХреНрд▓рд╛рд╕рд┐рдХ рдкрд░рд┐рд╕реНрдерд┐рддреАрдд рдХреА рд╢реЗрд╡рдЯреА 2013 рдордзреНрдпреЗ Airbnb рд╡рд░ рддрдпрд╛рд░ рдХреЗрд▓реЗ рд╡рд░реНрд╖ (рдЕрдЬреВрдирд╣реА Backbone.js рд╡рд░), SSR рд╣реЗ рдиреЛрдб рд╡рд╛рддрд╛рд╡рд░рдгрд╛рдд рдЪрд╛рд▓рдгрд╛рд░реЗ рд╕рдорд╛рди isomorphic JS рдНрдкреНрд▓рд┐рдХреЗрд╢рди рдЖрд╣реЗ. рд╡рд┐рдирдВрддреАрд▓рд╛ рдкреНрд░рддрд┐рд╕рд╛рдж рдореНрд╣рдгреВрди рд╕рд░реНрд╡реНрд╣рд░ рдлрдХреНрдд рд╡реНрдпреБрддреНрдкрдиреНрди рд▓реЗрдЖрдЙрдЯ рдкрд╛рдард╡рддреЛ. рдордЧ рдХреНрд▓рд╛рдпрдВрдЯрдЪреНрдпрд╛ рдмрд╛рдЬреВрдиреЗ рд░реАрд╣рд╛рдпрдбреНрд░реЗрд╢рди рд╣реЛрддреЗ рдЖрдгрд┐ рдирдВрддрд░ рдкреГрд╖реНрда рд░реАрд▓реЛрдб рдХреЗрд▓реНрдпрд╛рд╢рд┐рд╡рд╛рдп рд╕рд░реНрд╡рдХрд╛рд╣реА рдХрд╛рд░реНрдп рдХрд░рддреЗ. Habr рд╕рд╛рдареА, рдордЬрдХреВрд░ рд╕рд╛рдордЧреНрд░реАрд╕рд╣ рдЗрддрд░ рдЕрдиреЗрдХ рд╕рдВрд╕рд╛рдзрдирд╛рдВрд╕рд╛рдареА, рд╕рд░реНрд╡реНрд╣рд░ рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╣реЗ рд╢реЛрдз рдЗрдВрдЬрд┐рдирд╛рдВрд╢реА рдореИрддреНрд░реАрдкреВрд░реНрдг рд╕рдВрдмрдВрдз рдирд┐рд░реНрдорд╛рдг рдХрд░рдгреНрдпрд╛рд╕рд╛рдареА рдПрдХ рдорд╣рддреНрддреНрд╡рдкреВрд░реНрдг рдШрдЯрдХ рдЖрд╣реЗ.

рддрдВрддреНрд░рдЬреНрдЮрд╛рдирд╛рдЪреНрдпрд╛ рдЖрдЧрдордирд╛рдирдВрддрд░ рд╕рд╣рд╛ рд╡рд░реНрд╖рд╛рдВрд╣реВрди рдЕрдзрд┐рдХ рдХрд╛рд│ рд▓реЛрдЯрд▓рд╛ рдЕрд╕реВрдирд╣реА, рдЖрдгрд┐ рдпрд╛ рдХрд╛рд│рд╛рдд рд╕рдореЛрд░рдЪреНрдпрд╛ рдЬрдЧрд╛рдд рдкреБрд▓рд╛рдЦрд╛рд▓реВрди рдмрд░реЗрдЪ рдкрд╛рдгреА рд╡рд╛рд╣реВрди рдЧреЗрд▓реЗ рдЖрд╣реЗ, рдЕрдиреЗрдХ рд╡рд┐рдХрд╕рдХрд╛рдВрд╕рд╛рдареА рд╣реА рдХрд▓реНрдкрдирд╛ рдЕрдЬреВрдирд╣реА рдЧреБрдкреНрдд рдЖрд╣реЗ. рдЖрдореНрд╣реА рдмрд╛рдЬреВрд▓рд╛ рди рд░рд╛рд╣рддрд╛ рдЙрддреНрдкрд╛рджрдирд╛рд╕рд╛рдареА SSR рд╕рдорд░реНрдердирд╛рд╕рд╣ Vue рдЕреЕрдкреНрд▓рд┐рдХреЗрд╢рди рдЖрдгрд▓реЗ, рдПрдХ рд▓рд╣рд╛рди рддрдкрд╢реАрд▓ рдЧрд╣рд╛рд│ рдЭрд╛рд▓рд╛: рдЖрдореНрд╣реА рдХреНрд▓рд╛рдпрдВрдЯрд▓рд╛ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╕реНрдерд┐рддреА рдкрд╛рдард╡рд▓реА рдирд╛рд╣реА.

рдХрд╛? рдпрд╛ рдкреНрд░рд╢реНрдирд╛рдЪреЗ рдЕрдЪреВрдХ рдЙрддреНрддрд░ рдирд╛рд╣реА. рдПрдХрддрд░ рддреНрдпрд╛рдВрдирд╛ рд╕рд░реНрд╡реНрд╣рд░рдХрдбреВрди рдорд┐рд│рд╛рд▓реЗрд▓реНрдпрд╛ рдкреНрд░рддрд┐рд╕рд╛рджрд╛рдЪрд╛ рдЖрдХрд╛рд░ рд╡рд╛рдврд╡рд╛рдпрдЪрд╛ рдирд╡реНрд╣рддрд╛, рдХрд┐рдВрд╡рд╛ рдЗрддрд░ рдЕрдиреЗрдХ рд╡рд╛рд╕реНрддреБрд╢рд╛рд╕реНрддреНрд░реАрдп рд╕рдорд╕реНрдпрд╛рдВрдореБрд│реЗ, рдХрд┐рдВрд╡рд╛ рддреЗ рд╕реБрдЯрд▓реЗ рдирд╛рд╣реА. рдПрдХ рдирд╛ рдПрдХ рдорд╛рд░реНрдЧ, рд╕реНрдерд┐рддреА рдмрд╛рд╣реЗрд░ рдЯрд╛рдХрдгреЗ рдЖрдгрд┐ рд╕рд░реНрд╡реНрд╣рд░рдиреЗ рдХреЗрд▓реЗрд▓реНрдпрд╛ рдкреНрд░рддреНрдпреЗрдХ рдЧреЛрд╖реНрдЯреАрдЪрд╛ рдкреБрдирд░реНрд╡рд╛рдкрд░ рдХрд░рдгреЗ рдпреЛрдЧреНрдп рдЖрдгрд┐ рдЙрдкрдпреБрдХреНрдд рд╡рд╛рдЯрддреЗ. рдХрд╛рд░реНрдп рдЦрд░рдВ рддрд░ рдХреНрд╖реБрд▓реНрд▓рдХ рдЖрд╣реЗ - рд░рд╛рдЬреНрдп рдлрдХреНрдд рдЗрдВрдЬреЗрдХреНрд╢рди рдЖрд╣реЗ рдПрдХреНрдЭрд┐рдХреНрдпреБрд╢рди рд╕рдВрджрд░реНрднрд╛рдд, рдЖрдгрд┐ Vue рддреЗ рд╕реНрд╡рдпрдВрдЪрд▓рд┐рддрдкрдгреЗ рд╡реНрдпреБрддреНрдкрдиреНрди рд▓реЗрдЖрдЙрдЯрдордзреНрдпреЗ рдЧреНрд▓реЛрдмрд▓ рд╡реНрд╣реЗрд░рд┐рдПрдмрд▓ рдореНрд╣рдгреВрди рдЬреЛрдбрддреЗ: window.__INITIAL_STATE__.

рдЙрджреНрднрд╡рд▓реЗрд▓реНрдпрд╛ рд╕рдорд╕реНрдпрд╛рдВрдкреИрдХреА рдПрдХ рдореНрд╣рдгрдЬреЗ рдЪрдХреНрд░реАрдп рд╕рдВрд░рдЪрдирд╛рдВрдЪреЗ JSON (рдкрд░рд┐рдкрддреНрд░рдХ рд╕рдВрджрд░реНрдн); рдЕрд╢рд╛ рд╕рдВрд░рдЪрдирд╛рдВрдирд╛ рддреНрдпрд╛рдВрдЪреНрдпрд╛ рд╕рдкрд╛рдЯ рднрд╛рдЧрд╛рдВрд╕рд╣ рдкреБрдирд░реНрд╕реНрдерд┐рдд рдХрд░реВрди рд╕реЛрдбрд╡рд▓реЗ рдЧреЗрд▓реЗ.

рдпрд╛рд╡реНрдпрддрд┐рд░рд┐рдХреНрдд, UGC рд╕рд╛рдордЧреНрд░реА рд╣рд╛рддрд╛рд│рддрд╛рдирд╛, рдЖрдкрдг рд╣реЗ рд▓рдХреНрд╖рд╛рдд рдареЗрд╡рд▓реЗ рдкрд╛рд╣рд┐рдЬреЗ рдХреА HTML рдЦрдВрдбрд┐рдд рд╣реЛрдК рдирдпреЗ рдореНрд╣рдгреВрди рдбреЗрдЯрд╛ HTML рдШрдЯрдХрд╛рдВрдордзреНрдпреЗ рд░реВрдкрд╛рдВрддрд░рд┐рдд рдХреЗрд▓рд╛ рдкрд╛рд╣рд┐рдЬреЗ. рдпрд╛ рд╣реЗрддреВрдВрд╕рд╛рдареА рдЖрдореНрд╣реА рд╡рд╛рдкрд░рддреЛ he.

рдкреБрдиреНрд╣рд╛ рдХрд╛рдврдгреЗ рдХрдореА рдХрд░рдд рдЖрд╣реЗ

рдЬрд╕реЗ рдЖрдкрдг рд╡рд░реАрд▓ рдЖрдХреГрддреАрд╡рд░реВрди рдкрд╛рд╣реВ рд╢рдХрддрд╛, рдЖрдордЪреНрдпрд╛ рдмрд╛рдмрддреАрдд, рдПрдХ рдиреЛрдб JS рдЙрджрд╛рд╣рд░рдг рджреЛрди рдХрд╛рд░реНрдпреЗ рдХрд░рддреЗ: API рдордзреНрдпреЗ SSR рдЖрдгрд┐ тАЬрдкреНрд░реЙрдХреНрд╕реАтАЭ, рдЬреЗрдереЗ рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рдЕрдзрд┐рдХреГрддрддрд╛ рдпреЗрддреЗ. рдпрд╛ рдкрд░рд┐рд╕реНрдерд┐рддреАрдореБрд│реЗ рд╕рд░реНрд╡реНрд╣рд░рд╡рд░ JS рдХреЛрдб рдЪрд╛рд▓реВ рдЕрд╕рддрд╛рдирд╛ рдЕрдзрд┐рдХреГрдд рдХрд░рдгреЗ рдЕрд╢рдХреНрдп рд╣реЛрддреЗ, рдХрд╛рд░рдг рдиреЛрдб рд╕рд┐рдВрдЧрд▓-рдереНрд░реЗрдбреЗрдб рдЖрд╣реЗ рдЖрдгрд┐ SSR рдлрдВрдХреНрд╢рди рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдЖрд╣реЗ. рдореНрд╣рдгрдЬреЗрдЪ, рдХреЙрд▓рд╕реНрдЯреЕрдХ рдХрд╢рд╛рдд рддрд░реА рд╡реНрдпрд╕реНрдд рдЕрд╕рддрд╛рдирд╛ рд╕рд░реНрд╡реНрд╣рд░ рд╕реНрд╡рддрдГрд▓рд╛ рд╡рд┐рдирдВрддреНрдпрд╛ рдкрд╛рдард╡реВ рд╢рдХрдд рдирд╛рд╣реА. рдЕрд╕реЗ рджрд┐рд╕реВрди рдЖрд▓реЗ рдХреА рдЖрдореНрд╣реА рд╕реНрдерд┐рддреА рдЕрджреНрдпрддрдирд┐рдд рдХреЗрд▓реА, рдкрд░рдВрддреБ рдЗрдВрдЯрд░рдлреЗрд╕ рд╡рд│рдгреЗ рдерд╛рдВрдмрд▓реЗ рдирд╛рд╣реА, рдХрд╛рд░рдг рдХреНрд▓рд╛рдпрдВрдЯрд╡рд░реАрд▓ рдбреЗрдЯрд╛ рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рд╕рддреНрд░ рд▓рдХреНрд╖рд╛рдд рдШреЗрдКрди рдЕрджреНрдпрддрдирд┐рдд рдХрд░рдгреЗ рдЖрд╡рд╢реНрдпрдХ рд╣реЛрддреЗ. рдЖрдореНтАНрд╣рд╛рд▓рд╛ рдЖрдордЪреНтАНрдпрд╛ рдЕреЕрдкреНрд▓рд┐рдХреЗрд╢рдирд▓рд╛ рд╡рд╛рдкрд░рдХрд░реНрддреНтАНрдпрд╛рдЪреЗ рд▓реЙрдЧрд┐рди рд╡рд┐рдЪрд╛рд░рд╛рдд рдШреЗрдКрди, рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╕реНтАНрдерд┐рддреАрдордзреНтАНрдпреЗ рдЕрдЪреВрдХ рдбреЗрдЯрд╛ рдареЗрд╡рдгреНтАНрдпрд╛рд╕рд╛рдареА рд╢рд┐рдХрд╡рдгреНтАНрдпрд╛рдЪреА рдЖрд╡рд╢реНтАНрдпрдХрддрд╛ рд╣реЛрддреА.

рд╕рдорд╕реНрдпреЗрдЪреЗ рджреЛрдирдЪ рдЙрдкрд╛рдп рд╣реЛрддреЗ:

  • рдХреНрд░реЙрд╕-рд╕рд░реНрд╡реНрд╣рд░ рд╡рд┐рдирдВрддреНрдпрд╛рдВрдирд╛ рдЕрдзрд┐рдХреГрддрддрд╛ рдбреЗрдЯрд╛ рд╕рдВрд▓рдЧреНрди рдХрд░рд╛;
  • рдиреЛрдб рдЬреЗрдПрд╕ рд╕реНрддрд░рд╛рдВрдирд╛ рджреЛрди рд╕реНрд╡рддрдВрддреНрд░ рдЙрджрд╛рд╣рд░рдгрд╛рдВрдордзреНрдпреЗ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░рд╛.

рдкрд╣рд┐рд▓реНрдпрд╛ рд╕реЛрд▓реНрдпреВрд╢рдирд╕рд╛рдареА рд╕рд░реНрд╡реНрд╣рд░рд╡рд░ рдЧреНрд▓реЛрдмрд▓ рд╡реНрд╣реЗрд░рд┐рдПрдмрд▓реНрд╕рдЪрд╛ рд╡рд╛рдкрд░ рдЖрд╡рд╢реНрдпрдХ рд╣реЛрддрд╛ рдЖрдгрд┐ рджреБрд╕рд▒реНрдпрд╛рдиреЗ рд╣реЗ рдХрд╛рдо рдкреВрд░реНрдг рдХрд░рдгреНрдпрд╛рдЪреА рдЕрдВрддрд┐рдо рдореБрджрдд рдХрд┐рдорд╛рди рдПрдХ рдорд╣рд┐рдиреНрдпрд╛рдиреЗ рд╡рд╛рдврд╡рд▓реА.

рдирд┐рд╡рдб рдХрд╢реА рдХрд░рд╛рд╡реА? Habr рдЕрдиреЗрдХрджрд╛ рдХрдореАрдд рдХрдореА рдкреНрд░рддрд┐рдХрд╛рд░рд╛рдЪреНрдпрд╛ рдорд╛рд░реНрдЧрд╛рд╡рд░ рдлрд┐рд░рддреЛ. рдЕрдиреМрдкрдЪрд╛рд░рд┐рдХрдкрдгреЗ, рдХрд▓реНрдкрдирд╛рдкрд╛рд╕реВрди рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдкрдкрд░реНрдпрдВрддрдЪреЗ рдЪрдХреНрд░ рдХрдореАрддрдХрдореА рдХрдореА рдХрд░рдгреНрдпрд╛рдЪреА рд╕рд╛рдорд╛рдиреНрдп рдЗрдЪреНрдЫрд╛ рдЖрд╣реЗ. рдЙрддреНрдкрд╛рджрдирд╛рдмрджреНрджрд▓рдЪреНрдпрд╛ рджреГрд╖реНрдЯрд┐рдХреЛрдирд╛рдЪреЗ рдореЙрдбреЗрд▓ рдХрд╛рд╣реАрд╕реЗ booking.com рдЪреНрдпрд╛ рдкреЛрд╕реНрдЯреНрдпреБрд▓реЗрдЯреНрд╕рдЪреА рдЖрдард╡рдг рдХрд░реВрди рджреЗрдгрд╛рд░реЗ рдЖрд╣реЗ, рдлрд░рдХ рдПрд╡рдврд╛рдЪ рдЖрд╣реЗ рдХреА Habr рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рдЪрд╛ рдЕрднрд┐рдкреНрд░рд╛рдп рдЕрдзрд┐рдХ рдЧрд╛рдВрднреАрд░реНрдпрд╛рдиреЗ рдШреЗрддреЗ рдЖрдгрд┐ рдЕрд╕реЗ рдирд┐рд░реНрдгрдп рдШреЗрдгреНрдпрд╛рд╕рд╛рдареА рд╡рд┐рдХрд╛рд╕рдХ рдореНрд╣рдгреВрди рддреБрдордЪреНрдпрд╛рд╡рд░ рд╡рд┐рд╢реНрд╡рд╛рд╕ рдареЗрд╡рддреЗ.

рдпрд╛ рддрд░реНрдХрд╛рдЪреЗ рдЕрдиреБрд╕рд░рдг рдХрд░реВрди рдЖрдгрд┐ рд╕рдорд╕реНрдпреЗрдЪреЗ рддреНрд╡рд░реАрдд рдирд┐рд░рд╛рдХрд░рдг рдХрд░рдгреНрдпрд╛рдЪреНрдпрд╛ рдорд╛рдЭреНрдпрд╛ рд╕реНрд╡рддрдГрдЪреНрдпрд╛ рдЗрдЪреНрдЫреЗрдиреБрд╕рд╛рд░, рдореА рдЧреНрд▓реЛрдмрд▓ рд╡реНрд╣реЗрд░рд┐рдПрдмрд▓реНрд╕ рдирд┐рд╡рдбрд▓реЗ. рдЖрдгрд┐, рдЬрд╕реЗ рдЕрдиреЗрдХрджрд╛ рдШрдбрддреЗ, рддреБрдореНрд╣рд╛рд▓рд╛ рддреНрдпрд╛рдВрдЪреНрдпрд╛рд╕рд╛рдареА рд▓рд╡рдХрд░ рдХрд┐рдВрд╡рд╛ рдирдВрддрд░ рдкреИрд╕реЗ рджреНрдпрд╛рд╡реЗ рд▓рд╛рдЧрддреАрд▓. рдЖрдореНрд╣реА рдЬрд╡рд│рдЬрд╡рд│ рддреНрд╡рд░рд┐рдд рдкреИрд╕реЗ рджрд┐рд▓реЗ: рдЖрдореНрд╣реА рдЖрдард╡рдбреНрдпрд╛рдЪреНрдпрд╛ рд╢реЗрд╡рдЯреА рдХрд╛рдо рдХреЗрд▓реЗ, рдкрд░рд┐рдгрд╛рдо рд╕рд╛рдл рдХреЗрд▓реЗ, рд▓рд┐рд╣рд┐рд▓реЗ рдкреЛрд╕реНрдЯрдорд╛рд░реНрдЯрдо рдЖрдгрд┐ рд╕рд░реНрд╡реНрд╣рд░рд▓рд╛ рджреЛрди рднрд╛рдЧрд╛рдВрдордзреНрдпреЗ рд╡рд┐рднрд╛рдЧрдгреНрдпрд╛рд╕ рд╕реБрд░реБрд╡рд╛рдд рдХреЗрд▓реА. рддреНрд░реБрдЯреА рдЦреВрдк рдореВрд░реНрдЦ рд╣реЛрддреА, рдЖрдгрд┐ рддреНрдпрд╛рдд рд╕рдорд╛рд╡рд┐рд╖реНрдЯ рдЕрд╕рд▓реЗрд▓реНрдпрд╛ рдмрдЧрдЪреЗ рдкреБрдирд░реБрддреНрдкрд╛рджрди рдХрд░рдгреЗ рд╕реЛрдкреЗ рдирд╡реНрд╣рддреЗ. рдЖрдгрд┐ рд╣реЛ, рд╣реА рдПрдХ рд▓рд╛рдЬрд┐рд░рд╡рд╛рдгреА рдЧреЛрд╖реНрдЯ рдЖрд╣реЗ, рдкрд░рдВрддреБ рдПрдХ рдХрд┐рдВрд╡рд╛ рджреБрд╕рд░реНтАНрдпрд╛ рдорд╛рд░реНрдЧрд╛рдиреЗ, рдЕрдбрдЦрд│рдд рдЖрдгрд┐ рдЖрдХреНрд░рд╕реНрддрд╛рд│реЗрдкрдгрд╛рдиреЗ, рдЬрд╛рдЧрддрд┐рдХ рд╡реНрд╣реЗрд░рд┐рдПрдмрд▓реНрд╕рд╕рд╣ рдорд╛рдЭреЗ рдкреАрдУрд╕реА рддрд░реАрд╣реА рдЙрддреНрдкрд╛рджрдирд╛рдд рдЧреЗрд▓реЗ рдЖрдгрд┐ рдирд╡реАрди тАЬрдЯреВ-рдиреЛрдбтАЭ рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░рдХрдбреЗ рдЬрд╛рдгреНрдпрд╛рдЪреА рд╡рд╛рдЯ рдкрд╛рд╣рдд рдпрд╢рд╕реНрд╡реАрд░рд┐рддреНрдпрд╛ рдХрд╛рд░реНрдп рдХрд░рдд рдЖрд╣реЗ. рд╣реА рдПрдХ рдорд╣рддреНрддреНрд╡рд╛рдЪреА рдкрд╛рдпрд░реА рд╣реЛрддреА, рдХрд╛рд░рдг рдФрдкрдЪрд╛рд░рд┐рдХрдкрдгреЗ рдзреНрдпреЗрдп рдЧрд╛рдард▓реЗ рдЧреЗрд▓реЗ рд╣реЛрддреЗ - SSR рдкреВрд░реНрдгрдкрдгреЗ рд╡рд╛рдкрд░рдгреНрдпрд╛рд╕-рддрдпрд╛рд░ рдкреГрд╖реНрда рд╡рд┐рддрд░рд┐рдд рдХрд░рдгреНрдпрд╛рд╕ рд╢рд┐рдХрд▓реЗ рдЖрдгрд┐ UI рдЕрдзрд┐рдХ рд╢рд╛рдВрдд рдЭрд╛рд▓реЗ.

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рддрд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧрдЪреНрдпрд╛ рдкрд╣рд┐рд▓реНрдпрд╛ рдЯрдкреНрдкреНрдпрд╛рдирдВрддрд░ рдореЛрдмрд╛рдЗрд▓ Habr рдЗрдВрдЯрд░рдлреЗрд╕

рд╢реЗрд╡рдЯреА, рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреАрдЪреЗ SSR-CSR рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░ рдпрд╛ рдЪрд┐рддреНрд░рд╛рдХрдбреЗ рдиреЗрдд рдЖрд╣реЗ:

я┐╝Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рдд"рдЯреВ-рдиреЛрдб" SSR-CSR рд╕рд░реНрдХрд┐рдЯ. рдиреЛрдб JS API рдиреЗрд╣рдореА рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ I/O рд╕рд╛рдареА рддрдпрд╛рд░ рдЕрд╕рддреЛ рдЖрдгрд┐ SSR рдлрдВрдХреНрд╢рдирджреНрд╡рд╛рд░реЗ рдЕрд╡рд░реЛрдзрд┐рдд рдХреЗрд▓реЗрд▓рд╛ рдирд╛рд╣реА, рдХрд╛рд░рдг рдирдВрддрд░рдЪреЗ рд╡реЗрдЧрд│реНрдпрд╛ рдЙрджрд╛рд╣рд░рдгрд╛рдордзреНрдпреЗ рд╕реНрдерд┐рдд рдЖрд╣реЗ. рдХреНрд╡реЗрд░реА рдЪреЗрди #3 рдЖрд╡рд╢реНрдпрдХ рдирд╛рд╣реА.

рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рд╡рд┐рдирдВрддреНрдпрд╛ рдХрд╛рдвреВрди рдЯрд╛рдХрдгреЗ

рдлреЗрд░рдлрд╛рд░ рдХреЗрд▓реНрдпрд╛рдирдВрддрд░, рдкреГрд╖реНрдард╛рдЪреЗ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдкреНрд░рд╕реНрддреБрддреАрдХрд░рдг рдпрд╛рдкреБрдвреЗ рдЕрдкрд╕реНрдорд╛рд░рд╛рд╕ рдЙрддреНрддреЗрдЬрди рджреЗрдд рдирд╛рд╣реА. рдкрд░рдВрддреБ SPA рдореЛрдбрдордзреНрдпреЗ Habr рдЪреНрдпрд╛ рдкреБрдвреАрд▓ рд╡рд╛рдкрд░рд╛рдореБрд│реЗ рдЕрдЬреВрдирд╣реА рдЧреЛрдВрдзрд│ рдЭрд╛рд▓рд╛.

рдХрд╛рд░рдг рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рдкреНрд░рд╡рд╛рд╣рд╛рдЪрд╛ рдЖрдзрд╛рд░ рдлреЙрд░реНрдордЪреЗ рд╕рдВрдХреНрд░рдордг рдЖрд╣реЗ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА тЖТ рд▓реЗрдЦ тЖТ рдЯрд┐рдкреНрдкрдгреНрдпрд╛ рдЖрдгрд┐ рддреНрдпрд╛рдЙрд▓рдЯ, рдпрд╛ рд╕рд╛рдЦрд│реАрдЪрд╛ рд╕рдВрд╕рд╛рдзрдирд╛рдЪрд╛ рд╡рд╛рдкрд░ рдкреНрд░рдердорддрдГ рдЕрдиреБрдХреВрд▓ рдХрд░рдгреЗ рдорд╣рддреНрддреНрд╡рд╛рдЪреЗ рд╣реЛрддреЗ.

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рддрдкреЛрд╕реНрдЯ рдлреАрдбрд╡рд░ рдкрд░рдд рдпреЗрдгреЗ рдирд╡реАрди рдбреЗрдЯрд╛ рд╡рд┐рдирдВрддреАрд▓рд╛ рдЙрддреНрддреЗрдЬрди рджреЗрддреЗ

рдЦреЛрд▓ рдЦреЛрджрдгреНрдпрд╛рдЪреА рдЧрд░рдЬ рдирд╡реНрд╣рддреА. рд╡рд░реАрд▓ рд╕реНрдХреНрд░реАрдирдХрд╛рд╕реНрдЯрдордзреНрдпреЗ рддреБрдореНрд╣реА рдкрд╛рд╣реВ рд╢рдХрддрд╛ рдХреА рдЕреЕрдкреНрд▓рд┐рдХреЗрд╢рди рдкрд░рдд рд╕реНрд╡рд╛рдЗрдк рдХрд░рддрд╛рдирд╛ рд▓реЗрдЦрд╛рдВрдЪреНрдпрд╛ рд╕реВрдЪреАрдЪреА рдкреБрдиреНрд╣рд╛ рд╡рд┐рдирдВрддреА рдХрд░рддреЛ рдЖрдгрд┐ рд╡рд┐рдирдВрддреА рджрд░рдореНрдпрд╛рди рдЖрдореНрд╣рд╛рд▓рд╛ рд▓реЗрдЦ рджрд┐рд╕рдд рдирд╛рд╣реАрдд, рдпрд╛рдЪрд╛ рдЕрд░реНрде рдорд╛рдЧреАрд▓ рдбреЗрдЯрд╛ рдХреБрдареЗрддрд░реА рдЧрд╛рдпрдм рд╣реЛрддреЛ. рдЕрд╕реЗ рджрд┐рд╕рддреЗ рдХреА рд▓реЗрдЦ рд╕реВрдЪреА рдШрдЯрдХ рд╕реНрдерд╛рдирд┐рдХ рд╕реНрдерд┐рддреА рд╡рд╛рдкрд░рддреЛ рдЖрдгрд┐ рдирд╖реНрдЯ рдХрд░рддрд╛рдирд╛ рддреЛ рдЧрдорд╛рд╡рддреЛ. рдЦрд░рдВ рддрд░, рдЕрдиреБрдкреНрд░рдпреЛрдЧрд╛рдиреЗ рдЬрд╛рдЧрддрд┐рдХ рд╕реНрдерд┐рддреА рд╡рд╛рдкрд░рд▓реА, рдкрд░рдВрддреБ рд╡реНрд╣реНрдпреВрдПрдХреНрд╕ рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░ рд╣реЗрдб-рдСрди рддрдпрд╛рд░ рдХреЗрд▓реЗ рдЧреЗрд▓реЗ: рдореЙрдбреНрдпреВрд▓ рдкреГрд╖реНрдард╛рдВрд╡рд░ рдмрд╛рдВрдзрд▓реЗрд▓реЗ рдЖрд╣реЗрдд, рдЬреЗ рдпрд╛рдордзреВрди рдорд╛рд░реНрдЧрд╛рдВрд╢реА рдЬреЛрдбрд▓реЗрд▓реЗ рдЖрд╣реЗрдд. рд╢рд┐рд╡рд╛рдп, рд╕рд░реНрд╡ рдореЙрдбреНрдпреВрд▓ "рдбрд┐рд╕реНрдкреЛрдЬреЗрдмрд▓" рдЖрд╣реЗрдд - рдкреГрд╖реНрдард╛рд╡рд░реАрд▓ рдкреНрд░рддреНрдпреЗрдХ рддреНрдпрд╛рдирдВрддрд░рдЪреНрдпрд╛ рднреЗрдЯреАрдиреЗ рд╕рдВрдкреВрд░реНрдг рдореЙрдбреНрдпреВрд▓ рдкреБрдиреНрд╣рд╛ рд▓рд┐рд╣рд┐рд▓реЗ:

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

рдПрдХреВрдг, рдЖрдордЪреНрдпрд╛рдХрдбреЗ рдПрдХ рдореЙрдбреНрдпреВрд▓ рд╣реЛрддреЗ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА, рдЬреНрдпрд╛рдд рдкреНрд░рдХрд╛рд░рдЪреНрдпрд╛ рд╡рд╕реНрддреВ рдЕрд╕рддрд╛рдд рд▓реЗрдЦ рдЖрдгрд┐ рдореЙрдбреНрдпреВрд▓ рдкреГрд╖реНрдард▓реЗрдЦ, рдЬреА рдСрдмреНрдЬреЗрдХреНрдЯрдЪреА рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдЖрд╡реГрддреНрддреА рд╣реЛрддреА рд▓реЗрдЦ, рдкреНрд░рдХрд╛рд░рдЪрд╛ рд▓реЗрдЦ рдкреВрд░реНрдг. рд╕рд░реНрд╡рд╕рд╛рдзрд╛рд░рдгрдкрдгреЗ, рдпрд╛ рдЕрдВрдорд▓рдмрдЬрд╛рд╡рдгреАрдордзреНрдпреЗ рд╕реНрд╡рддрдГрдордзреНрдпреЗ рдХрд╛рд╣реАрд╣реА рднрдпрдВрдХрд░ рдирд╛рд╣реА - рд╣реЗ рдЕрдЧрджреА рд╕реЛрдкреЗ рдЖрд╣реЗ, рдХреЛрдгреАрд╣реА рднреЛрд│реЗ рдореНрд╣рдгреВ рд╢рдХрддреЛ, рдкрд░рдВрддреБ рдЕрддреНрдпрдВрдд рд╕рдордЬрдгреНрдпрд╛рд╕рд╛рд░рдЦреЗ рдЖрд╣реЗ. рдЖрдкрдг рдкреНрд░рддреНрдпреЗрдХ рд╡реЗрд│реА рдорд╛рд░реНрдЧ рдмрджрд▓рддрд╛рдирд╛ рдореЙрдбреНрдпреВрд▓ рд░реАрд╕реЗрдЯ рдХреЗрд▓реНрдпрд╛рд╕, рдЖрдкрдг рддреНрдпрд╛рд╕рд╣ рдЬрдЧреВ рд╢рдХрддрд╛. рддрдерд╛рдкрд┐, рдЙрджрд╛рд╣рд░рдгрд╛рд░реНрде, рд▓реЗрдЦ рдлреАрдб рджрд░рдореНрдпрд╛рди рд╣рд▓рд╡рдгреЗ /рдлреАрдб тЖТ /рд╕рд░реНрд╡, рд╡реИрдпрдХреНрддрд┐рдХ рдлреАрдбрд╢реА рд╕рдВрдмрдВрдзрд┐рдд рд╕рд░реНрд╡ рдХрд╛рд╣реА рдлреЗрдХреВрди рджреЗрдгреНрдпрд╛рдЪреА рд╣рдореА рдЖрд╣реЗ, рдХрд╛рд░рдг рдЖрдордЪреНрдпрд╛рдХрдбреЗ рдлрдХреНрдд рдПрдХ рдЖрд╣реЗ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА, рдЬреНрдпрд╛рдордзреНрдпреЗ рддреБрдореНрд╣рд╛рд▓рд╛ рдирд╡реАрди рдбреЗрдЯрд╛ рдЯрд╛рдХрдгреНрдпрд╛рдЪреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдЖрд╣реЗ. рд╣реЗ рдЖрдореНрд╣рд╛рд▓рд╛ рдкреБрдиреНрд╣рд╛ рд╡рд┐рдирдВрддреНрдпрд╛рдВрдЪреНрдпрд╛ рдбреБрдкреНрд▓рд┐рдХреЗрд╢рдирдХрдбреЗ рдШреЗрдКрди рдЬрд╛рддреЗ.

рдпрд╛ рд╡рд┐рд╖рдпрд╛рд╡рд░ рдореА рдЬреЗ рдХрд╛рд╣реА рд╢реЛрдзреВ рд╢рдХрд▓реЛ рддреЗ рд╕рд░реНрд╡ рдЧреЛрд│рд╛ рдХреЗрд▓реНрдпрд╛рд╡рд░, рдореА рдПрдХ рдирд╡реАрди рд░рд╛рдЬреНрдп рд░рдЪрдирд╛ рддрдпрд╛рд░ рдХреЗрд▓реА рдЖрдгрд┐ рддреА рдорд╛рдЭреНрдпрд╛ рд╕рд╣рдХрд╛рд▒реНрдпрд╛рдВрд╕рдореЛрд░ рдорд╛рдВрдбрд▓реА. рдЪрд░реНрдЪрд╛ рд▓рд╛рдВрдмрд▓рдЪрдХ рд╣реЛрддреА, рдкрдг рд╢реЗрд╡рдЯреА рдмрд╛рдЬреВрдиреЗ рдпреБрдХреНрддрд┐рд╡рд╛рджрд╛рдВрдиреА рд╢рдВрдХрд╛ рджреВрд░ рдХреЗрд▓реНрдпрд╛ рдЖрдгрд┐ рдореА рдЕрдВрдорд▓рдмрдЬрд╛рд╡рдгреА рд╕реБрд░реВ рдХреЗрд▓реА.

рд╕реЛрд▓реНрдпреВрд╢рдирдЪреЗ рддрд░реНрдХ рджреЛрди рдЯрдкреНрдкреНрдпрд╛рдВрдд рдЙрддреНрддрдо рдкреНрд░рдХрд╛рд░реЗ рдкреНрд░рдХрдЯ рд╣реЛрддрд╛рдд. рдкреНрд░рдердо рдЖрдореНрд╣реА рдкреГрд╖реНрдард╛рдВрд╡рд░реВрди рд╡реНрд╣реНрдпреВрдПрдХреНрд╕ рдореЙрдбреНрдпреВрд▓ рдбреАрдХрдкрд▓ рдХрд░рдгреНрдпрд╛рдЪрд╛ рдкреНрд░рдпрддреНрди рдХрд░рддреЛ рдЖрдгрд┐ рдереЗрдЯ рдорд╛рд░реНрдЧрд╛рдВрд╢реА рдЬреЛрдбрдгреНрдпрд╛рдЪрд╛ рдкреНрд░рдпрддреНрди рдХрд░рддреЛ. рд╣реЛрдп, рд╕реНрдЯреЛрдЕрд░рдордзреНрдпреЗ рдереЛрдбрд╛ рдЕрдзрд┐рдХ рдбреЗрдЯрд╛ рдЕрд╕реЗрд▓, рдорд┐рд│рд╡рдгрд╛рд░реЗ рдереЛрдбреЗ рдЕрдзрд┐рдХ рдЬрдЯрд┐рд▓ рд╣реЛрддреАрд▓, рдкрд░рдВрддреБ рдЖрдореНрд╣реА рд▓реЗрдЦ рджреЛрдирджрд╛ рд▓реЛрдб рдХрд░рдгрд╛рд░ рдирд╛рд╣реА. рдореЛрдмрд╛рдЗрд▓ рдЖрд╡реГрддреНрддреАрд╕рд╛рдареА, рд╣рд╛ рдХрджрд╛рдЪрд┐рдд рд╕рд░реНрд╡рд╛рдд рдордЬрдмреВрдд рдпреБрдХреНрддрд┐рд╡рд╛рдж рдЖрд╣реЗ. рд╣реЗ рдЕрд╕реЗ рдХрд╛рд╣реАрддрд░реА рджрд┐рд╕реЗрд▓:

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

рдкрдг рдЬрд░ рд▓реЗрдЦ рдпрд╛рджреНрдпрд╛ рдПрдХрд╛рдзрд┐рдХ рдорд╛рд░реНрдЧрд╛рдВрдордзреНрдпреЗ рдЖрдЪреНрдЫрд╛рджрд┐рдд рд╣реЛрдК рд╢рдХрддрд╛рдд рдЖрдгрд┐ рдЖрдореНрд╣рд╛рд▓рд╛ рдСрдмреНрдЬреЗрдХреНрдЯ рдбреЗрдЯрд╛ рдкреБрдиреНрд╣рд╛ рд╡рд╛рдкрд░рд╛рдпрдЪрд╛ рдЕрд╕реЗрд▓ рддрд░ рдХрд╛рдп рд╣реЛрдИрд▓ рд▓реЗрдЦ рдкреЛрд╕реНрдЯ рдкреГрд╖реНрда рд░реЗрдВрдбрд░ рдХрд░рдгреНрдпрд╛рд╕рд╛рдареА, рддреНрдпрд╛рдд рдмрджрд▓рдгреЗ рд▓реЗрдЦ рдкреВрд░реНрдг? рдпрд╛ рдкреНрд░рдХрд░рдгрд╛рдд, рдЕрд╢реА рд░рдЪрдирд╛ рд╡рд╛рдкрд░рдгреЗ рдЕрдзрд┐рдХ рддрд░реНрдХрд╕рдВрдЧрдд рдЕрд╕реЗрд▓:

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

рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА рдпреЗрдереЗ рд╣реЗ рдлрдХреНрдд рдПрдХ рдкреНрд░рдХрд╛рд░рдЪреЗ рд▓реЗрдЦрд╛рдВрдЪреЗ рднрд╛рдВрдбрд╛рд░ рдЖрд╣реЗ. рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рд╕рддреНрд░рд╛рджрд░рдореНрдпрд╛рди рдбрд╛рдЙрдирд▓реЛрдб рдХреЗрд▓реЗрд▓реЗ рд╕рд░реНрд╡ рд▓реЗрдЦ. рдЖрдореНрд╣реА рддреНрдпрд╛рдВрдЪреНрдпрд╛рд╢реА рдЕрддреНрдпрдВрдд рд╕рд╛рд╡рдзрдЧрд┐рд░реАрдиреЗ рд╡рд╛рдЧрддреЛ, рдХрд╛рд░рдг рд╣реА рдЯреНрд░реЕрдлрд┐рдХ рдЖрд╣реЗ рдЬреА рдХрджрд╛рдЪрд┐рдд рд╕реНрдЯреЗрд╢рди рджрд░рдореНрдпрд╛рди рдореЗрдЯреНрд░реЛрдордзреНрдпреЗ рдХреБрдареЗрддрд░реА рд╡реЗрджрдирд╛рдВрджреНрд╡рд╛рд░реЗ рдбрд╛рдЙрдирд▓реЛрдб рдХреЗрд▓реА рдЧреЗрд▓реА рдЕрд╕реЗрд▓ рдЖрдгрд┐ рдЖрдореНрд╣реА рдирд┐рд╢реНрдЪрд┐рддрдкрдгреЗ рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рд▓рд╛ рддреНрдпрд╛рдЪреНрдпрд╛рдХрдбреЗ рдЖрдзреАрдЪ рдЕрд╕рд▓реЗрд▓рд╛ рдбреЗрдЯрд╛ рд▓реЛрдб рдХрд░рдгреНрдпрд╛рд╕ рднрд╛рдЧ рдкрд╛рдбреВрди рдкреБрдиреНрд╣рд╛ рд╣рд╛ рддреНрд░рд╛рд╕ рджреЗрдК рдЗрдЪреНрдЫрд┐рдд рдирд╛рд╣реА. рдбрд╛рдЙрдирд▓реЛрдб рдХреЗрд▓реЗ. рдПрдХ рд╡рд╕реНрддреВ рд▓реЗрдЦ рдЖрдпрдбреА рдСрдмреНрдЬреЗрдХреНрдЯреНрд╕рд╕рд╛рдареА рдлрдХреНрдд рдЖрдпрдбреАрдЪрд╛ рдЕреЕрд░реЗ рдЖрд╣реЗ (рдЬрд╕реЗ рдХреА "рд▓рд┐рдВрдХ"). рд▓реЗрдЦ. рд╣реА рд░рдЪрдирд╛ рддреБрдореНрд╣рд╛рд▓рд╛ рдорд╛рд░реНрдЧрд╛рдВрд╕рд╛рдареА рд╕рд╛рдорд╛рдиреНрдп рдбреЗрдЯрд╛рдЪреА рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХрд░рдгреЗ рдЖрдгрд┐ рдСрдмреНрдЬреЗрдХреНрдЯрдЪрд╛ рдкреБрдирд░реНрд╡рд╛рдкрд░ рдЯрд╛рд│рдгреНрдпрд╛рд╕ рдЕрдиреБрдорддреА рджреЗрддреЗ рд▓реЗрдЦ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдбреЗрдЯрд╛ рд╡рд┐рд▓реАрди рдХрд░реВрди рдкреЛрд╕реНрдЯ рдкреГрд╖реНрда рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛рдирд╛.

рд▓реЗрдЦрд╛рдВрдЪреНрдпрд╛ рд╕реВрдЪреАрдЪреЗ рдЖрдЙрдЯрдкреБрдЯ рджреЗрдЦреАрд▓ рдЕрдзрд┐рдХ рдкрд╛рд░рджрд░реНрд╢рдХ рдмрдирд▓реЗ рдЖрд╣реЗ: рдкреБрдирд░рд╛рд╡реГрддреНрддреА рдХрд░рдгрд╛рд░рд╛ рдШрдЯрдХ рд▓реЗрдЦ рдЖрдпрдбреАрд╕рд╣ рдЕреЕрд░реЗрджреНрд╡рд╛рд░реЗ рдкреБрдирд░рд╛рд╡реГрддреНрддреА рдХрд░рддреЛ рдЖрдгрд┐ рд▓реЗрдЦ рдЯреАрдЭрд░ рдШрдЯрдХ рдХрд╛рдврддреЛ, рдЖрдпрдбреА рдкреНрд░реЙрдк рдореНрд╣рдгреВрди рдкрд╛рд╕ рдХрд░рддреЛ рдЖрдгрд┐ рдореВрд▓ рдШрдЯрдХ, рдпрд╛рдордзреВрди, рдЖрд╡рд╢реНрдпрдХ рдбреЗрдЯрд╛ рдкреБрдирд░реНрдкреНрд░рд╛рдкреНрдд рдХрд░рддреЛ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА. рддреБрдореНрд╣реА рдкреНрд░рдХрд╛рд╢рди рдкреГрд╖реНрдард╛рд╡рд░ рдЬрд╛рддрд╛ рддреЗрд╡реНрд╣рд╛, рдЖрдореНрд╣рд╛рд▓рд╛ рдЖрдзреАрдкрд╛рд╕реВрдирдЪ рдЕрд╕реНрддрд┐рддреНрд╡рд╛рдд рдЕрд╕рд▓реЗрд▓реА рддрд╛рд░реАрдЦ рдорд┐рд│рддреЗ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА, рдЖрдореНрд╣реА рдЧрд╣рд╛рд│ рдбреЗрдЯрд╛ рдорд┐рд│рд╡рд┐рдгреНрдпрд╛рдЪреА рд╡рд┐рдирдВрддреА рдХрд░рддреЛ рдЖрдгрд┐ рддреЛ рдлрдХреНрдд рд╡рд┐рджреНрдпрдорд╛рди рдСрдмреНрдЬреЗрдХреНрдЯрдордзреНрдпреЗ рдЬреЛрдбрддреЛ.

рд╣рд╛ рджреГрд╖реНрдЯреАрдХреЛрди рдЪрд╛рдВрдЧрд▓рд╛ рдХрд╛ рдЖрд╣реЗ? рдореА рд╡рд░ рд▓рд┐рд╣рд┐рд▓реНрдпрд╛рдкреНрд░рдорд╛рдгреЗ, рдбрд╛рдЙрдирд▓реЛрдб рдХреЗрд▓реЗрд▓реНрдпрд╛ рдбреЗрдЯрд╛рдЪреНрдпрд╛ рд╕рдВрджрд░реНрднрд╛рдд рд╣рд╛ рджреГрд╖реНрдЯрд┐рдХреЛрди рдЕрдзрд┐рдХ рд╕реМрдореНрдп рдЖрд╣реЗ рдЖрдгрд┐ рддреБрдореНрд╣рд╛рд▓рд╛ рддреЛ рдкреБрдиреНрд╣рд╛ рд╡рд╛рдкрд░рдгреНрдпрд╛рдЪреА рдкрд░рд╡рд╛рдирдЧреА рджреЗрддреЛ. рдкрд░рдВрддреБ рдпрд╛ рд╡реНрдпрддрд┐рд░рд┐рдХреНрдд, рд╣реЗ рдЕрд╢рд╛ рд╡рд╛рд╕реНрддреБрдХрд▓рд╛рдордзреНрдпреЗ рдкреВрд░реНрдгрдкрдгреЗ рдлрд┐рдЯ рдЕрд╕рд▓реЗрд▓реНрдпрд╛ рдХрд╛рд╣реА рдирд╡реАрди рд╢рдХреНрдпрддрд╛рдВрдЪрд╛ рдорд╛рд░реНрдЧ рдЙрдШрдбрддреЗ. рдЙрджрд╛рд╣рд░рдгрд╛рд░реНрде, рдкреЛрд▓рд┐рдВрдЧ рдЖрдгрд┐ рдлреАрдбрдордзреНрдпреЗ рд▓реЗрдЦ рдЬрд╕реЗ рджрд┐рд╕рддреАрд▓ рддрд╕реЗ рд▓реЛрдб рдХрд░рдгреЗ. рдЖрдореНрд╣реА рдлрдХреНрдд рдирд╡реАрдирддрдо рдкреЛрд╕реНрдЯ "рд╕реНрдЯреЛрд░реЗрдЬ" рдордзреНрдпреЗ рдареЗрд╡реВ рд╢рдХрддреЛ рд▓реЗрдЦрд╛рдВрдЪреА рдпрд╛рджреА, рдордзреНрдпреЗ рдирд╡реАрди рдЖрдпрдбреАрдВрдЪреА рд╡реЗрдЧрд│реА рдпрд╛рджреА рд╕реЗрд╡реНрд╣ рдХрд░рд╛ рд▓реЗрдЦ рдЖрдпрдбреА рдЖрдгрд┐ рддреНрдпрд╛рдмрджреНрджрд▓ рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рд▓рд╛ рд╕реВрдЪрд┐рдд рдХрд░рд╛. рдЬреЗрд╡реНрд╣рд╛ рдЖрдореНрд╣реА "рдирд╡реАрди рдкреНрд░рдХрд╛рд╢рдиреЗ рджрд░реНрд╢рд╡рд╛" рдмрдЯрдгрд╛рд╡рд░ рдХреНрд▓рд┐рдХ рдХрд░рддреЛ, рддреЗрд╡реНрд╣рд╛ рдЖрдореНрд╣реА рд▓реЗрдЦрд╛рдВрдЪреНрдпрд╛ рд╡рд░реНрддрдорд╛рди рд╕реВрдЪреАрдЪреНрдпрд╛ рдЕтАНреЕрд░реЗрдордзреНрдпреЗ рдлрдХреНрдд рдирд╡реАрди рдЖрдпрдбреА рд╕рдорд╛рд╡рд┐рд╖реНрдЯ рдХрд░реВ рдЖрдгрд┐ рд╕рд░реНрд╡рдХрд╛рд╣реА рдЬрд╡рд│рдЬрд╡рд│ рдЬрд╛рджреВрдиреЗ рдХрд╛рд░реНрдп рдХрд░реЗрд▓.

рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдгреЗ рдЕрдзрд┐рдХ рдЖрдирдВрджрджрд╛рдпрдХ рдмрдирд╡рдгреЗ

рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдХреЗрдХрд╡рд░реАрд▓ рдЖрдпрд╕рд┐рдВрдЧ рд╣реА рдХрдВрдХрд╛рд▓рдЪреА рд╕рдВрдХрд▓реНрдкрдирд╛ рдЖрд╣реЗ, рдЬреНрдпрд╛рдореБрд│реЗ рдзреАрдореЗ рдЗрдВрдЯрд░рдиреЗрдЯрд╡рд░ рд╕рд╛рдордЧреНрд░реА рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдгреНрдпрд╛рдЪреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдереЛрдбреА рдХрдореА рдШреГрдгрд╛рд╕реНрдкрдж рдмрдирддреЗ. рдпрд╛ рд╡рд┐рд╖рдпрд╛рд╡рд░ рдХреЛрдгрддреАрд╣реА рдЪрд░реНрдЪрд╛ рдЭрд╛рд▓реА рдирд╛рд╣реА; рдХрд▓реНрдкрдиреЗрдкрд╛рд╕реВрди рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдкрдкрд░реНрдпрдВрддрдЪреНрдпрд╛ рдорд╛рд░реНрдЧрд╛рд▓рд╛ рдЕрдХреНрд╖рд░рд╢рдГ рджреЛрди рддрд╛рд╕ рд▓рд╛рдЧрд▓реЗ. рдбрд┐рдЭрд╛рдИрди рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХрд░рд┐рддреНрдпрд╛ рд╕реНрд╡рддрдГрдЪ рддрдпрд╛рд░ рдЭрд╛рд▓реЗ рдЖрдгрд┐ рдЖрдореНрд╣реА рдЖрдордЪреНрдпрд╛ рдШрдЯрдХрд╛рдВрдирд╛ рдбреЗрдЯрд╛рдЪреА рд╡рд╛рдЯ рдкрд╛рд╣рдд рдЕрд╕рддрд╛рдирд╛ рд╕рд╛рдзреЗ, рдХреНрд╡рдЪрд┐рдд рдЪрдХрдЪрдХреАрдд div рдмреНрд▓реЙрдХреНрд╕ рд░реЗрдВрдбрд░ рдХрд░рд╛рдпрд▓рд╛ рд╢рд┐рдХрд╡рд▓реЗ. рд╡рд╕реНрддреБрдирд┐рд╖реНрдардкрдгреЗ, рд▓реЛрдбрд┐рдВрдЧрдЪрд╛ рд╣рд╛ рджреГрд╖реНрдЯреАрдХреЛрди рд╡рд╛рдкрд░рдХрд░реНрддреНрдпрд╛рдЪреНрдпрд╛ рд╢рд░реАрд░рд╛рддреАрд▓ рддрдгрд╛рд╡ рд╕рдВрдкреНрд░реЗрд░рдХрд╛рдВрдЪреЗ рдкреНрд░рдорд╛рдг рдХрдореА рдХрд░рддреЛ. рд╕рд╛рдВрдЧрд╛рдбрд╛ рдЕрд╕реЗ рджрд┐рд╕рддреЗ:

Habr рдлреНрд░рдВрдЯ-рдПрдВрдб рдбреЗрд╡реНрд╣рд▓рдкрд░ рд▓реЙрдЧ: рд░рд┐рдлреЕрдХреНрдЯрд░рд┐рдВрдЧ рдЖрдгрд┐ рдкрд░рд╛рд╡рд░реНрддрд┐рдд
рд╣реЕрдмреНрд░рд╛рд▓реЛрдбрд┐рдВрдЧ

рдкрд░рд╛рд╡рд░реНрддрд┐рдд

рдореА рд╕рд╣рд╛ рдорд╣рд┐рдиреНрдпрд╛рдВрдкрд╛рд╕реВрди рд╣реЕрдмреНрд░реЗрдордзреНрдпреЗ рдХрд╛рдо рдХрд░рдд рдЖрд╣реЗ рдЖрдгрд┐ рдорд╛рдЭреЗ рдорд┐рддреНрд░ рдЕрдЬреВрдирд╣реА рд╡рд┐рдЪрд╛рд░рддрд╛рдд: рдмрд░рдВ, рддреБрдореНрд╣рд╛рд▓рд╛ рддреЗ рддрд┐рдереЗ рдХрд╕реЗ рдЖрд╡рдбрд▓реЗ? рдареАрдХ рдЖрд╣реЗ, рдЖрд░рд╛рдорджрд╛рдпрдХ - рд╣реЛрдп. рдкрдг рдЕрд╕реЗ рдХрд╛рд╣реАрддрд░реА рдЖрд╣реЗ рдЬреЗ рд╣реЗ рдХрд╛рдо рдЗрддрд░рд╛рдВрдкреЗрдХреНрд╖рд╛ рд╡реЗрдЧрд│реЗ рдХрд░рддреЗ. рдореА рдЕрд╢рд╛ рд╕рдВрдШрд╛рдВрдордзреНрдпреЗ рдХрд╛рдо рдХреЗрд▓реЗ рдЬреЗ рддреНрдпрд╛рдВрдЪреНрдпрд╛ рдЙрддреНрдкрд╛рджрдирд╛рдмрджреНрджрд▓ рдкреВрд░реНрдгрдкрдгреЗ рдЙрджрд╛рд╕реАрди рд╣реЛрддреЗ, рддреНрдпрд╛рдВрдЪреЗ рд╡рд╛рдкрд░рдХрд░реНрддреЗ рдХреЛрдг рдЖрд╣реЗрдд рд╣реЗ рдорд╛рд╣рд┐рдд рдирд╡реНрд╣рддреЗ рдХрд┐рдВрд╡рд╛ рд╕рдордЬрдд рдирд╡реНрд╣рддреЗ. рдкрдг рдЗрдереЗ рд╕рд░реНрд╡ рдХрд╛рд╣реА рд╡реЗрдЧрд│реЗ рдЖрд╣реЗ. рдпреЗрдереЗ рддреБрдореНрд╣реА рдЬреЗ рдХрд╛рд╣реА рдХрд░рддрд╛ рддреНрдпрд╛рд╕рд╛рдареА рддреБрдореНрд╣рд╛рд▓рд╛ рдЬрдмрд╛рдмрджрд╛рд░ рд╡рд╛рдЯрддреЗ. рд╡реИрд╢рд┐рд╖реНрдЯреНрдп рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдгреНрдпрд╛рдЪреНрдпрд╛ рдкреНрд░рдХреНрд░рд┐рдпреЗрдд, рддреБрдореНрд╣реА рдЕрдВрд╢рддрдГ рддреНрдпрд╛рдЪреЗ рдорд╛рд▓рдХ рдмрдирддрд╛, рддреБрдордЪреНрдпрд╛ рдХрд╛рд░реНрдпрдХреНрд╖рдорддреЗрд╢реА рд╕рдВрдмрдВрдзрд┐рдд рд╕рд░реНрд╡ рдЙрддреНрдкрд╛рджрди рдореАрдЯрд┐рдВрдЧрдордзреНрдпреЗ рднрд╛рдЧ рдШреНрдпрд╛, рд╕реВрдЪрдирд╛ рдХрд░рд╛ рдЖрдгрд┐ рд╕реНрд╡рддрдГ рдирд┐рд░реНрдгрдп рдШреНрдпрд╛. рддреБрдореНрд╣реА рд╕реНрд╡рддрдГ рджрд░рд░реЛрдЬ рд╡рд╛рдкрд░рдд рдЕрд╕рд▓реЗрд▓реЗ рдЙрддреНрдкрд╛рджрди рдмрдирд╡рдгреЗ рдЦреВрдк рдЫрд╛рди рдЖрд╣реЗ, рдкрд░рдВрддреБ рддреБрдордЪреНрдпрд╛рдкреЗрдХреНрд╖рд╛ рдХрджрд╛рдЪрд┐рдд рддреНрдпрд╛рдордзреНрдпреЗ рдЕрдзрд┐рдХ рдЪрд╛рдВрдЧрд▓реЗ рдЕрд╕рд▓реЗрд▓реНрдпрд╛ рд▓реЛрдХрд╛рдВрд╕рд╛рдареА рдХреЛрдб рд▓рд┐рд╣рд┐рдгреЗ рд╣реА рдПрдХ рдЕрд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рднрд╛рд╡рдирд╛ рдЖрд╣реЗ (рд╡реНрдпрдВрдЧ рдирд╛рд╣реА).

рдпрд╛ рд╕рд░реНрд╡ рдмрджрд▓рд╛рдВрдЪреНрдпрд╛ рдкреНрд░рдХрд╛рд╢рдирд╛рдирдВрддрд░, рдЖрдореНрд╣рд╛рд▓рд╛ рд╕рдХрд╛рд░рд╛рддреНрдордХ рдкреНрд░рддрд┐рд╕рд╛рдж рдорд┐рд│рд╛рд▓рд╛, рдЖрдгрд┐ рддреЗ рдЦреВрдк рдЫрд╛рди рд╣реЛрддреЗ. рддреЗ рдкреНрд░реЗрд░рдгрд╛рджрд╛рдпреА рдЖрд╣реЗ. рдзрдиреНрдпрд╡рд╛рдж! рдЕрдЬреВрди рд▓рд┐рд╣рд╛.

рдореА рддреБрдореНрд╣рд╛рд▓рд╛ рдЖрдард╡рдг рдХрд░реВрди рджреЗрддреЛ рдХреА рдЧреНрд▓реЛрдмрд▓ рд╡реНрд╣реЗрд░рд┐рдПрдмрд▓реНрд╕ рдирдВрддрд░ рдЖрдореНрд╣реА рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░ рдмрджрд▓рдгреНрдпрд╛рдЪрд╛ рдЖрдгрд┐ рдкреНрд░реЙрдХреНрд╕реА рд▓реЗрдпрд░рд▓рд╛ рд╡реЗрдЧрд│реНрдпрд╛ рдЙрджрд╛рд╣рд░рдгрд╛рдд рд╡рд╛рдЯрдк рдХрд░рдгреНрдпрд╛рдЪрд╛ рдирд┐рд░реНрдгрдп рдШреЗрддрд▓рд╛. "рдЯреВ-рдиреЛрдб" рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░ рдЖрдзреАрдЪ рд╕рд╛рд░реНрд╡рдЬрдирд┐рдХ рдмреАрдЯрд╛ рдЪрд╛рдЪрдгреАрдЪреНрдпрд╛ рд╕реНрд╡рд░реВрдкрд╛рдд рд░рд┐рд▓реАрдЭрд╡рд░ рдкреЛрд╣реЛрдЪрд▓реЗ рдЖрд╣реЗ. рдЖрддрд╛ рдХреЛрдгреАрд╣реА рддреНрдпрд╛рд╡рд░ рд╕реНрд╡рд┐рдЪ рдХрд░реВ рд╢рдХрддреЛ рдЖрдгрд┐ рдореЛрдмрд╛рдЗрд▓ Habr рд▓рд╛ рдЕрдзрд┐рдХ рдЪрд╛рдВрдЧрд▓реЗ рдмрдирд╡рд┐рдгреНрдпрд╛рдд рдЖрдореНрд╣рд╛рд▓рд╛ рдорджрдд рдХрд░реВ рд╢рдХрддреЛ. рдЖрдЬрд╕рд╛рдареА рдПрд╡рдвреЗрдЪ. рдЯрд┐рдкреНрдкрдгреНрдпрд╛рдВрдордзреНрдпреЗ рддреБрдордЪреНрдпрд╛ рд╕рд░реНрд╡ рдкреНрд░рд╢реНрдирд╛рдВрдЪреА рдЙрддреНрддрд░реЗ рджреЗрдгреНрдпрд╛рдд рдорд▓рд╛ рдЖрдирдВрдж рд╣реЛрдИрд▓.

рд╕реНрддреНрд░реЛрдд: www.habr.com

рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдЬреЛрдбрд╛