рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)

рдЖрдореНрд╣реА рдкреНрд░рд╢рд┐рдХреНрд╖рдгрд╛рд╕рд╛рдареА рдкреНрд░рдХрд▓реНрдкрд╛рдВрдЪреА рдорд╛рд▓рд┐рдХрд╛ рд╕реБрд░реВ рдареЗрд╡рддреЛ.

рдерд░

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)

www.reddit.com/r/layer

рд╕реНрддрд░ рд╣рд╛ рдПрдХ рд╕рдореБрджрд╛рдп рдЖрд╣реЗ рдЬрд┐рдереЗ рдкреНрд░рддреНрдпреЗрдХрдЬрдг рд╕рд╛рдорд╛рдпрд┐рдХ рдХреЗрд▓реЗрд▓реНрдпрд╛ тАЬрдмреЛрд░реНрдбтАЭ рд╡рд░ рдкрд┐рдХреНрд╕реЗрд▓ рдХрд╛рдвреВ рд╢рдХрддреЛ. рдореВрд│ рдХрд▓реНрдкрдирд╛ Reddit рд╡рд░ рдЬрдиреНрдорд╛рд▓рд╛ рдЖрд▓реА. рдЖрд░/рд▓реЗрдпрд░ рд╕рдореБрджрд╛рдп рд╣реЗ рд╕рд╛рдорд╛рдпрд┐рдХ рд╕рд░реНрдЬрдирд╢реАрд▓рддреЗрдЪреЗ рд░реВрдкрдХ рдЖрд╣реЗ, рдЬреЗ рдкреНрд░рддреНрдпреЗрдХрдЬрдг рдирд┐рд░реНрдорд╛рддрд╛ рдЕрд╕реВ рд╢рдХрддреЛ рдЖрдгрд┐ рд╕рд╛рдорд╛рдиреНрдп рдХрд╛рд░рдгрд╛рд╕рд╛рдареА рдпреЛрдЧрджрд╛рди рджреЗрдК рд╢рдХрддреЛ.

рддреБрдордЪрд╛ рд╕реНрд╡рддрдГрдЪрд╛ рд▓реЗрдпрд░ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рддрдпрд╛рд░ рдХрд░рддрд╛рдирд╛ рддреБрдореНрд╣реА рдХрд╛рдп рд╢рд┐рдХрд╛рд▓:

  • JavaScript рдХреЕрдирд╡реНрд╣рд╛рд╕ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рддреЗ рдХреЕрдирд╡реНрд╣рд╛рд╕ рдХрд╕реЗ рдЪрд╛рд▓рд╡рд╛рдпрдЪреЗ рд╣реЗ рдЬрд╛рдгреВрди рдШреЗрдгреЗ рд╣реЗ рдЕрдиреЗрдХ рдНрдкреНрд▓рд┐рдХреЗрд╢рдиреНрд╕рдордзреНрдпреЗ рдПрдХ рдорд╣рддреНрддреНрд╡рдкреВрд░реНрдг рдХреМрд╢рд▓реНрдп рдЖрд╣реЗ.
  • рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рдкрд░рд╡рд╛рдирдЧреНрдпрд╛рдВрдЪреЗ рд╕рдордиреНрд╡рдп рдХрд╕реЗ рдХрд░рд╛рд╡реЗ. рдкреНрд░рддреНрдпреЗрдХ рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рд▓реЙрдЧ рдЗрди рди рдХрд░рддрд╛ рджрд░ 15 рдорд┐рдирд┐рдЯрд╛рдВрдиреА рдПрдХ рдкрд┐рдХреНрд╕реЗрд▓ рдХрд╛рдвреВ рд╢рдХрддреЛ.
  • рдХреБрдХреА рд╕рддреНрд░реЗ рддрдпрд╛рд░ рдХрд░рд╛.

Squoosh

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)
squosh.app

рд╕реНрдХреНрд╡реЙрд╢ рд╣реЗ рдЕрдиреЗрдХ рдкреНрд░рдЧрдд рдкрд░реНрдпрд╛рдпрд╛рдВрд╕рд╣ рдПрдХ рдЗрдореЗрдЬ рдХреЙрдореНрдкреНрд░реЗрд╢рди рдЕреЕрдкреНрд▓рд┐рдХреЗрд╢рди рдЖрд╣реЗ.

GIF 20 MBрд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)

рд╕реНрдХреНрд╡реЙрд╢рдЪреА рддреБрдордЪреА рд╕реНрд╡рддрдГрдЪреА рдЖрд╡реГрддреНрддреА рддрдпрд╛рд░ рдХрд░реВрди рддреБрдореНрд╣реА рд╢рд┐рдХрд╛рд▓:

  • рдкреНрд░рддрд┐рдорд╛ рдЖрдХрд╛рд░рд╛рдВрд╕рд╣ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рд╛рд╡реЗ
  • Drag'n'Drop API рдЪреНрдпрд╛ рдореВрд▓рднреВрдд рдЧреЛрд╖реНрдЯреА рдЬрд╛рдгреВрди рдШреНрдпрд╛
  • API рдЖрдгрд┐ рдЗрд╡реНрд╣реЗрдВрдЯ рд╢реНрд░реЛрддреЗ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рддрд╛рдд рддреЗ рд╕рдордЬреВрди рдШреНрдпрд╛
  • рдлрд╛рдЗрд▓реНрд╕ рдЕрдкрд▓реЛрдб рдЖрдгрд┐ рдПрдХреНрд╕рдкреЛрд░реНрдЯ рдХрд╕реЗ рдХрд░рд╛рд╡реЗ

рдЯреАрдк: рдкреНрд░рддрд┐рдорд╛ рдХрдВрдкреНрд░реЗрд╕рд░ рд╕реНрдерд╛рдирд┐рдХ рдЖрд╣реЗ. рд╕рд░реНрд╡реНрд╣рд░рд▓рд╛ рдЕрддрд┐рд░рд┐рдХреНрдд рдбреЗрдЯрд╛ рдкрд╛рдард╡рдгреЗ рдЖрд╡рд╢реНрдпрдХ рдирд╛рд╣реА. рддреБрдордЪреНрдпрд╛ рдШрд░реА рдХрдВрдкреНрд░реЗрд╕рд░ рдЕрд╕реВ рд╢рдХрддреЛ рдХрд┐рдВрд╡рд╛ рддреБрдореНрд╣реА рддреБрдордЪреНрдпрд╛ рдЖрд╡рдбреАрдиреБрд╕рд╛рд░ рд╕рд░реНрд╡реНрд╣рд░рд╡рд░ рд╡рд╛рдкрд░реВ рд╢рдХрддрд╛.

рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░

рдЪрд▓рд╛ рддрд░? рдЧрдВрднреАрд░рдкрдгреЗ? рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░? рд╣реЛрдп, рдЕрдЧрджреА, рдПрдХ рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░. рдЧрдгрд┐рдд рдСрдкрд░реЗрд╢рдиреНрд╕рдЪреА рдореВрд▓рднреВрдд рдорд╛рд╣рд┐рддреА рд╕рдордЬреВрди рдШреЗрдгреЗ рдЖрдгрд┐ рддреЗ рдПрдХрддреНрд░рд┐рддрдкрдгреЗ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рддрд╛рдд рд╣реЗ рдЖрдкрд▓реЗ рдЕрдиреБрдкреНрд░рдпреЛрдЧ рд╕реБрд▓рдн рдХрд░рдгреНрдпрд╛рд╕рд╛рдареА рдПрдХ рдорд╣рддреНрддреНрд╡рдкреВрд░реНрдг рдХреМрд╢рд▓реНрдп рдЖрд╣реЗ. рд▓рд╡рдХрд░рдЪ рдХрд┐рдВрд╡рд╛ рдирдВрддрд░ рддреБрдореНрд╣рд╛рд▓рд╛ рд╕рдВрдЦреНрдпрд╛рдВрдЪрд╛ рд╕рд╛рдордирд╛ рдХрд░рд╛рд╡рд╛ рд▓рд╛рдЧреЗрд▓ рдЖрдгрд┐ рдЬрд┐рддрдХреНрдпрд╛ рд▓рд╡рдХрд░ рддрд┐рддрдХреЗ рдЪрд╛рдВрдЧрд▓реЗ.

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)
jarodburchill.github.io/CalculatorReactApp

рддреБрдордЪреЗ рд╕реНрд╡рддрдГрдЪреЗ рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░ рддрдпрд╛рд░ рдХрд░реВрди рддреБрдореНрд╣реА рд╢рд┐рдХрд╛рд▓:

  • рд╕рдВрдЦреНрдпрд╛ рдЖрдгрд┐ рдЧрдгрд┐рдд рдСрдкрд░реЗрд╢рдиреНрд╕рд╕рд╣ рдХрд╛рд░реНрдп рдХрд░рд╛
  • рдЗрд╡реНрд╣реЗрдВрдЯ рд╢реНрд░реЛрддреЗ API рд╕рд╣ рд╕рд░рд╛рд╡ рдХрд░рд╛
  • рдШрдЯрдХрд╛рдВрдЪреА рд╡реНрдпрд╡рд╕реНрдерд╛ рдХрд╢реА рдХрд░рд╛рд╡реА, рд╢реИрд▓реА рд╕рдордЬреВрди рдШреНрдпрд╛

рдХреНрд░реЙрд▓рд░ (рд╢реЛрдз рдЗрдВрдЬрд┐рди)

рдкреНрд░рддреНрдпреЗрдХрд╛рдиреЗ рд╢реЛрдз рдЗрдВрдЬрд┐рди рд╡рд╛рдкрд░рд▓реЗ рдЖрд╣реЗ, рдордЧ рдЖрдкрд▓реЗ рд╕реНрд╡рддрдГрдЪреЗ рдХрд╛ рддрдпрд╛рд░ рдХрд░реВ рдирдпреЗ? рдорд╛рд╣рд┐рддреА рд╢реЛрдзрдгреНрдпрд╛рд╕рд╛рдареА рдХреНрд░реЙрд▓рд░реНрд╕рдЪреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдЕрд╕рддреЗ. рдкреНрд░рддреНрдпреЗрдХрдЬрдг рджрд░рд░реЛрдЬ рддреНрдпрд╛рдВрдЪрд╛ рд╡рд╛рдкрд░ рдХрд░рддреЛ рдЖрдгрд┐ рдпрд╛ рддрдВрддреНрд░рдЬреНрдЮрд╛рдирд╛рдЪреА рдЖрдгрд┐ рддрдЬреНрдЮрд╛рдВрдЪреА рдорд╛рдЧрдгреА рдХреЗрд╡рд│ рдХрд╛рд▓рд╛рдВрддрд░рд╛рдиреЗ рд╡рд╛рдвреЗрд▓.

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)
Google рд╢реЛрдз рдЗрдВрдЬрд┐рди

рддреБрдордЪреЗ рд╕реНрд╡рддрдГрдЪреЗ рд╢реЛрдз рдЗрдВрдЬрд┐рди рддрдпрд╛рд░ рдХрд░реВрди рддреБрдореНрд╣реА рдХрд╛рдп рд╢рд┐рдХрд╛рд▓:

  • рдХреНрд░реЙрд▓рд░реНрд╕ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рддрд╛рдд
  • рд╕рд╛рдЗрдЯреНрд╕рдЪреА рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдХрд╢реА рдХрд░рд╛рд╡реА рдЖрдгрд┐ рд░реЗрдЯрд┐рдВрдЧ рдЖрдгрд┐ рдкреНрд░рддрд┐рд╖реНрдареЗрдиреБрд╕рд╛рд░ рддреНрдпрд╛рдВрдЪреА рд░рдБрдХ рдХрд╢реА рдХрд░рд╛рд╡реА
  • рдбреЗрдЯрд╛рдмреЗрд╕рдордзреНрдпреЗ рдЕрдиреБрдХреНрд░рдорд┐рдд рд╕рд╛рдЗрдЯреНрд╕ рдХрд╕реЗ рд╕рдВрдЧреНрд░рд╣рд┐рдд рдХрд░рд╛рд╡реЗ рдЖрдгрд┐ рдбреЗрдЯрд╛рдмреЗрд╕рд╕рд╣ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рд╛рд╡реЗ

рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдпрд░ (Spotify, Apple Music)

рдкреНрд░рддреНрдпреЗрдХрдЬрдг рд╕рдВрдЧреАрдд рдРрдХрддреЛ - рддреЛ рдлрдХреНрдд рдЖрдкрд▓реНрдпрд╛ рдЬреАрд╡рдирд╛рдЪрд╛ рдЕрд╡рд┐рднрд╛рдЬреНрдп рднрд╛рдЧ рдЖрд╣реЗ. рдЖрдзреБрдирд┐рдХ рдореНрдпреБрдЭрд┐рдХ рд╕реНрдЯреНрд░реАрдорд┐рдВрдЧ рдкреНрд▓реЕрдЯрдлреЙрд░реНрдордЪреЗ рдореВрд▓рднреВрдд рдпрд╛рдВрддреНрд░рд┐рдХреА рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рддреЗ рд╣реЗ рдЪрд╛рдВрдЧрд▓реНрдпрд╛ рдкреНрд░рдХрд╛рд░реЗ рд╕рдордЬреВрди рдШреЗрдгреНрдпрд╛рд╕рд╛рдареА рдПрдХ рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдпрд░ рддрдпрд╛рд░ рдХрд░реВрдпрд╛.

рд╡рд┐рдХрд╕рдХрд╛рд╕рд╛рдареА рдЖрдгрдЦреА 5 рдзрд╛рдбрд╕реА рдкреНрд░рд╢рд┐рдХреНрд╖рдг рдкреНрд░рдХрд▓реНрдк (рд▓реЗрдпрд░, рд╕реНрдХреНрд╡реЙрд╢, рдХреЕрд▓реНрдХреНрдпреБрд▓реЗрдЯрд░, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреНрд░реЙрд▓рд░, рдореНрдпреБрдЭрд┐рдХ рдкреНрд▓реЗрдЕрд░)
Spotify

рддреБрдордЪрд╛ рд╕реНрд╡рддрдГрдЪрд╛ рдореНрдпреБрдЭрд┐рдХ рд╕реНрдЯреНрд░реАрдорд┐рдВрдЧ рдкреНрд▓реЕрдЯрдлреЙрд░реНрдо рддрдпрд╛рд░ рдХрд░реВрди рддреБрдореНрд╣реА рдХрд╛рдп рд╢рд┐рдХрд╛рд▓:

  • API рд╕рд╣ рдХрд╕реЗ рдХрд╛рд░реНрдп рдХрд░рд╛рд╡реЗ. Spotify рдХрд┐рдВрд╡рд╛ Apple Music рд╡рд░реВрди API рд╡рд╛рдкрд░рд╛
  • рдкреБрдвреАрд▓/рдорд╛рдЧреАрд▓ рдЯреНрд░реЕрдХ рдХрд╕реЗ рдЦреЗрд│рд╛рдпрдЪреЗ, рд╡рд┐рд░рд╛рдо рджреНрдпрд╛ рдХрд┐рдВрд╡рд╛ рд░рд┐рд╡рд╛рдЗрдВрдб рдХрд╕реЗ рдХрд░рд╛рд╡реЗ
  • рд╡реНрд╣реЙрд▓реНрдпреВрдо рдХрд╕рд╛ рдмрджрд▓рд╛рдпрдЪрд╛
  • рд╡рд╛рдкрд░рдХрд░реНрддрд╛ рд░реВрдЯрд┐рдВрдЧ рдЖрдгрд┐ рдмреНрд░рд╛рдЙрдЭрд░ рдЗрддрд┐рд╣рд╛рд╕ рдХрд╕реЗ рд╡реНрдпрд╡рд╕реНрдерд╛рдкрд┐рдд рдХрд░рд╛рд╡реЗ

PS

рддреБрдордЪреА рдХреМрд╢рд▓реНрдпреЗ рд╕реБрдзрд╛рд░рдгреНрдпрд╛рд╕рд╛рдареА рддреБрдореНрд╣реА рдХреЛрдгрддреЗ рдкреНрд░рдХрд▓реНрдк рддреБрдордЪреНрдпрд╛ рд╕реНрд╡рддрдГрд╣реВрди "рдкреНрд░рддрд┐рдХреГрддреА" рд╕реБрдЪрд╡рд╛рд▓?

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

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