Razzle: after.js рдФрд░ рд░реЛрдбрдореИрдк рдХреЗ рд╕рд╛рде рд╕рдВрдмрдВрдз

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдлрд╝рд░ре░ 2018  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: jaredpalmer/razzle

рдХреНрдпрд╛ рдЖрдк рдЗрд╕ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдФрд░ after.js рдХреЗ рдмреАрдЪ рд╕рдВрдмрдВрдз рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдирд╛ рдЪрд╛рд╣реЗрдВрдЧреЗ? рдПрдХ рд╡реНрдпрдХреНрддрд┐ рдПрдХ рдпрд╛ рджреВрд╕рд░реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдирд┐рд░реНрдгрдп рдХреИрд╕реЗ рдХрд░реЗрдЧрд╛? рдХреНрдпрд╛ рдЖрдк рджреЗрдЦрддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдЖрдлреНрдЯрд░.рдЬреЗрдПрд╕ рдореЗрдВ рдЕрдЯрдХреА рд╣реБрдИ рд╣реИ рдпрд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд╡рд╢реЛрд╖рд┐рдд рд╣реЛ рд░рд╣реА рд╣реИ? (рдореИрдВ рдЗрд╕ рдкреНрд░рддрд┐рдмрджреНрдзрддрд╛ рдХреЗ рдХрд╛рд░рдг рдкреВрдЫрддрд╛ рд╣реВрдВ https://github.com/jaredpalmer/after.js/commit/9406e78c4e7b86a2797ed294a757ef319b4ee93b)

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд░реИрдЬрд╝рд▓ рдХрд╣реАрдВ рдирд╣реАрдВ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ car.com, рдХреЙрдЗрдирдмреЗрд╕ рдФрд░ рдЙрди рд╕рднреА рд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рди рдкрд░ рдореИрдВ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВ рдЕрдкрдиреЗ рдПрдХ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдЖрдлреНрдЯрд░ рдореЗрдВ рд▓реЗ рдЬрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдореБрдЭреЗ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдХрд╛рдо рдХрд░рдиреЗ рд╣реЛрдВрдЧреЗред

рдЬрд┐рди 2 рдмрдбрд╝реЗ рд╕рд╡рд╛рд▓реЛрдВ рдХрд╛ рдореБрдЭреЗ рдЕрднреА рддрдХ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓рд╛ рд╣реИ, рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдХреНрдпрд╛ 1) рдХрднреА рднреА рдЖрдлреНрдЯрд░.рдЬреЗрдПрд╕ рдСрдкреНрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рд╕реЗ рд░реИрдЬрд╝рд▓ рдФрд░ 2) рдХреЗ рд╕рд╛рде рдкреВрд░рд╛ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдЕрдЧрд░ рдХрд┐рд╕реА рдПрдХ рджрд┐рди рдХреБрдЫ Node.js рдорд┐рдбрд▓рд╡реЗрдпрд░ рдореЗрдВ рд░рд┐рдлреИрдХреНрдЯрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рд░реЛрдбрдореИрдк:

  • рдЪрдХрд╛рдЪреМрдВрдз рдкреНрд▓рдЧрдЗрдиреНрд╕
  • рдЕрдзрд┐рдХ рджрд╛рдиреЗрджрд╛рд░ рдкреИрдХреЗрдЬ рдореЗрдВ рдмреНрд░реЗрдХрдЖрдЙрдЯ рд░реИрдЬрд╝рд▓
  • рддрдп рдХрд░реЗрдВ рдХрд┐ рдХреНрдпрд╛ after.js рдПрдХ "рдкреНрд▓рдЧрдЗрди" (рдореЗрд░рд╛ рд▓рдХреНрд╖реНрдп) рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдпрд╛ рдЕрдкрдиреЗ рджрдо рдкрд░ рдЬреАрдирд╛ рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди рдХреБрдЫ рджрд╛рдиреЗрджрд╛рд░ рд░реИрдЬрд╝рд▓ рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд░реИрдЬрд╝рд▓ рдХрд╣реАрдВ рдирд╣реАрдВ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ car.com, рдХреЙрдЗрдирдмреЗрд╕ рдФрд░ рдЙрди рд╕рднреА рд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рди рдкрд░ рдореИрдВ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВ рдЕрдкрдиреЗ рдПрдХ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдЖрдлреНрдЯрд░ рдореЗрдВ рд▓реЗ рдЬрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдореБрдЭреЗ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдХрд╛рдо рдХрд░рдиреЗ рд╣реЛрдВрдЧреЗред

рдЬрд┐рди 2 рдмрдбрд╝реЗ рд╕рд╡рд╛рд▓реЛрдВ рдХрд╛ рдореБрдЭреЗ рдЕрднреА рддрдХ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓рд╛ рд╣реИ, рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдХреНрдпрд╛ 1) рдХрднреА рднреА рдЖрдлреНрдЯрд░.рдЬреЗрдПрд╕ рдСрдкреНрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рд╕реЗ рд░реИрдЬрд╝рд▓ рдФрд░ 2) рдХреЗ рд╕рд╛рде рдкреВрд░рд╛ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдЕрдЧрд░ рдХрд┐рд╕реА рдПрдХ рджрд┐рди рдХреБрдЫ Node.js рдорд┐рдбрд▓рд╡реЗрдпрд░ рдореЗрдВ рд░рд┐рдлреИрдХреНрдЯрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рд░реЛрдбрдореИрдк:

  • рдЪрдХрд╛рдЪреМрдВрдз рдкреНрд▓рдЧрдЗрдиреНрд╕
  • рдЕрдзрд┐рдХ рджрд╛рдиреЗрджрд╛рд░ рдкреИрдХреЗрдЬ рдореЗрдВ рдмреНрд░реЗрдХрдЖрдЙрдЯ рд░реИрдЬрд╝рд▓
  • рддрдп рдХрд░реЗрдВ рдХрд┐ рдХреНрдпрд╛ after.js рдПрдХ "рдкреНрд▓рдЧрдЗрди" (рдореЗрд░рд╛ рд▓рдХреНрд╖реНрдп) рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдпрд╛ рдЕрдкрдиреЗ рджрдо рдкрд░ рдЬреАрдирд╛ рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди рдХреБрдЫ рджрд╛рдиреЗрджрд╛рд░ рд░реИрдЬрд╝рд▓ рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдо рдореЗрдВ рд╕реЗ рдЕрдзрд┐рдХрд╛рдВрд╢ рд╕рд┐рд░реНрдл рдЪрдХрд╛рдЪреМрдВрдз рдЪрд╛рд╣рддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдбреЗрдЯрд╛-рдлрд╝реЗрдЪрд┐рдВрдЧ (getInitialProps) рдХреЗ рд╕рд╛рде

рд╣рд╛рдБ, рдпрд╣ рджреЛрдиреЛрдВ рджреБрдирд┐рдпрд╛ рдХреА рд╕рдмрд╕реЗ рдЕрдЪреНрдЫреА рдЬрд╛рдВрдЪ рд╣реИред рддреЛ рдлрд┐рд░ after.js рдХреЛ рдЗрд╕рдХреЗ рдЖрд▓рд╕реА рд▓реЛрдб рд╣реЗрд▓реНрдкрд░, рд░реЗрдВрдбрд░ рдорд┐рдбрд▓рд╡реЗрдпрд░, рдФрд░ рд░реВрдЯ рд╣реЗрд▓реНрдкрд░ рдореЗрдВ рд░рд┐рдлреИрдХреНрдЯрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдмрд╕ рд░реИрдЬрд╝рд▓ рдореЗрдВ рдЖрдпрд╛рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдпрд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЙрджрд╛рд╣рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рд╣реЛрд▓рд╛! рддреЛ рдпрд╣рд╛рдБ рд╕реМрджрд╛ рд╣реИ, рдУрдкрди рд╕реЛрд░реНрд╕ рдФрд░ рдореЗрд░реЗ рджрд┐рди рдХреЗ рдХрд╛рдо рдФрд░ рдЬреАрд╡рди рдХреЗ рдмреАрдЪ рдФрд░ рдХреНрдпрд╛ рдирд╣реАрдВ, рдореЗрд░реЗ рдкрд╛рд╕ рдкреНрд░рдмрдВрдзрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХреБрдЫ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдпрд╣рд╛рдВ рдФрд░ рд╡рд╣рд╛рдВ рдХреБрдЫ рдЪреАрдЬреЛрдВ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЧрд┐рдЯрд╣рдм рдмреЙрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред рдпрд╣ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ GitHub рдмреЙрдЯ рдЗрд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рдХреБрдЫ рд╕рдордп рдХреЗ рд▓рд┐рдП рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИред рдпрджрд┐ рдХреБрдЫ рджрд┐рдиреЛрдВ рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ рддреЛ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЗрд╕реЗ рд╡реНрдпрдХреНрддрд┐рдЧрдд рд░реВрдк рд╕реЗ рди рд▓реЗрдВ--рдЧрдВрднреАрд░рддрд╛ рд╕реЗ--рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдХрд╛рд░реНрд░рд╡рд╛рдИ рд╣реИред рдЕрдЧрд░ рдпрд╣ рдПрдХ рдЧрд▓рддреА рд╣реИ, рддреЛ рдмрд╕ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдХрд░реЗрдВ, рдореБрдЭреЗ рдбреАрдПрдо рдХрд░реЗрдВ, рдПрдХ рд╡рд╛рд╣рдХ рдХрдмреВрддрд░, рдпрд╛ рдПрдХ рдзреВрдореНрд░рдкрд╛рди рд╕рдВрдХреЗрдд рднреЗрдЬреЗрдВред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

panbanda picture panbanda  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

corydeppen picture corydeppen  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

JacopKane picture JacopKane  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mhuggins picture mhuggins  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

charlie632 picture charlie632  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ