Svelte, рдПрдХ рд▓реБрдкреНрдд рд╣реЛрддреА рд░реВрдкрд░реЗрдЦрд╛ рдЬреЛ рдЕрднреА рднреА рдЧрд╛рдпрдм рдирд╣реАрдВ рд╣реБрдИ рдереА

рдЬрдм рдореИрдВ Svelte рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рдФрд░ рд▓реЗрдЦ рджреЗрдЦрддрд╛ рд╣реВрдВ:


рдЙрддреНрддрд░: рджрд░реНрдж рдФрд░ рджреБрд░реНрдмрд▓ 3 рдореЗрдВ рдЖрдБрд╕реВ
рджреБрд░реНрдмрд▓ 3: рдкреБрдирд░реНрд╡рд┐рдЪрд╛рд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛
рдХреНрдпреЛрдВ SvelteJS рдпрдХреАрдирди рдирдП рд╡реЗрдм рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд░реВрдкрд░реЗрдЦрд╛ рд╣реИ
рд╕рднреА рдкрд╛рд╡рд░ рдХреА рд╢рдХреНрддрд┐ рдХреА рдкреМрд░рд╛рдгрд┐рдХ рдХрдерд╛
рдкреБрди: "рдЬреЗ рдПрд╕ рдЪреМрдЦрдЯреЗ рдХреА рддреБрд▓рдирд╛: рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛, Vue рдФрд░ Hyperapp"
рдЧрд╛рдпрдм рдЪреМрдЦрдЯреЗ


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


рд╡реНрдпрд╛рдореЛрд╣, рдЖрдк рдХрд╣рддреЗ рд╣реИрдВ, рдФрд░ рдЖрдк рд╕рд╣реА рд╣реЛрдВрдЧреЗред рд▓реЗрдХрд┐рди рдореЗрд░рд╛ рдЪрд┐рдХрд┐рддреНрд╕рдХ рдХреЛрд░реЛрдиреЛрд╡рд╛рдпрд░рд╕ рдкреАрдбрд╝рд┐рддреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдореЗрдВ рд╡реНрдпрд╕реНрдд рд╣реИред рдЙрдиреНрд╣реЗрдВ рдЗрд╕рдХреА рдЬрд░реВрд░рдд рд╣реИред рдЗрд╕рд▓рд┐рдП, рдореБрдЭреЗ рдЦреБрдж рдХрд╛ рдЙрдЪреНрдЪрд╛рд░рдг рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред рдФрд░ рдореИрдВ рдЗрд╕ рддрдереНрдп рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░рдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ рдХрд┐ рд╕реНрд╡реЗрд▓реНрдЯ рдПрдХ рд╕реНрдерд┐рд░ рд░реВрдк рд╕реЗ рдкрджреЛрдиреНрдирдд рд╣реИ рдЬреЛ рдЕрднреА рднреА рдХрд┐рд╕реА рднреА рдирд╡рдЬрд╛рдд рдврд╛рдВрдЪреЗ рд╕реЗ рд╣реИред 2020 рдореЗрдВ рдЬреЛ рд╕рдордп рдХреА рдмрд░реНрдмрд╛рджреА рд╣реИ рдФрд░ рдЕрдиреНрдп рдлреНрд░рдВрдЯ-рдПрдВрдб рдлреНрд░реЗрдорд╡рд░реНрдХ рдкрд░ рдХреЛрдИ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдкреНрд░рддрд┐рд╕реНрдкрд░реНрдзрд╛рддреНрдордХ рд▓рд╛рдн рдирд╣реАрдВ рд╣реИред



рдореИрдВ рд╕реНрд╡реЗрд▓реЗрдЯ рдФрд░ рдЕрдиреНрдп рд░реВрдкрд░реЗрдЦрд╛рдУрдВ рдХреА рддреБрд▓рдирд╛ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рдФрд░ рдЗрд╕рдХреА рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрдорд┐рдпреЛрдВ рд╕реЗ рдЧреБрдЬрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдЖрдк рдЗрд╕ рд▓реЗрдЦ рдХреЛ рдмрд╛рд░реАрдХрд┐рдпреЛрдВ рдХреЗ рд▓рд┐рдП рдкрдврд╝ рд╕рдХрддреЗ рд╣реИрдВ ред рдкреНрд░рд╢рдВрд╕рдХреЛрдВ (рдкреАрдЖрд░ рдкреНрд░рдмрдВрдзрдХреЛрдВ) рдХреЗ рд╕рд╛рде рдмрд╛рд░реАрдХрд┐рдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╣рд╕ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡реЗрд▓реЗрдЯ рдмреЗрдХрд╛рд░ рд╣реИ? рд╡реЗ рдмрд╣реБрдд рд╣реА рд╕реНрдерд┐рддрд┐ рдкрд╛рдПрдВрдЧреЗ рдЬрдм рдХреБрдЫ рдШрдЯрдХ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЧрдП рдврд╛рдВрдЪреЗ рдХреА рдЫрд╛рдпрд╛ рдбреЛрдо рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рд╕реЗ рдЗрдирдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рд╕реНрд╡реЗрд▓реНрдЯреЗ рдХреЗ рдкрдХреНрд╖ рдореЗрдВ рдПрдХ рдирд┐рд░рдкреЗрдХреНрд╖ рддрд░реНрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдЬрд╛рдЧрд░ рдХрд░реЗрдВрдЧреЗред рдФрд░ рддрдереНрдп рдпрд╣ рд╣реИ рдХрд┐ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдЪреМрдЦрдЯреЗ рдХреЗ рд▓рд┐рдП рд▓рд┐рдЦреЗ рдЧрдП рдПрдХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдШрдЯрдХреЛрдВ рдореЗрдВ рд╣рд╕реНрддрдХреНрд╖реЗрдк, рдФрд░ рдЦреБрдж рдХреЛ рд░реВрдкрд░реЗрдЦрд╛ - рдФрд╕рдд рд╕реЗ рдиреАрдЪреЗ рдПрдХ рд╡рд┐рдЪрд╛рд░, рдЙрдиреНрд╣реЗрдВ рднреНрд░рдорд┐рдд рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рдпрд╣ рдЙрд╕ рдЪреАрдЬ рдХреЗ рд╕рдВрдХреЗрдд рдХреЛ рднреА рднреНрд░рдорд┐рдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ рдЬреЛ рд╕реНрд╡реЗрд▓реНрдЯ рдХреЗ рдкрд╛рд╕ рдирд╣реАрдВ рд╣реИ - рдЗрд╕рдХреА рдпрд╛ рддреЛ рдЬрд░реВрд░рдд рдирд╣реАрдВ рд╣реИ, рдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рджреЗрдЦрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ рдФрд░ рдЖрдорддреМрд░ рдкрд░ рдЬрд┐рддрдиреА рдЬрд▓реНрджреА рд╣реЛ рд╕рдХреЗред рдЗрд╕рд▓рд┐рдП, рдореИрдВ рд╡рд┐рд╡рд░рдгреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╣рд╕ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рдХрд╛рд░рдг рдирд╣реАрдВ рджреЗрдЦрддрд╛ рд╣реВрдВред рд╡реИрд╕реЗ рднреА, рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ рдХрд┐ Svelte рдПрдХ рдорд╣рд╛рди рдврд╛рдВрдЪрд╛ рд╣реИред


: , , тАФ ( ) .. , , . . -. - 5 . . . . . .


Svelte . Vue . , Vue . . . тАФ . Svelte . .


тАФ . , 2 , , . Svelte 2016 . Vue 2014. 2 . .. Svelte Vue , . .


, . . : Svelte . . тАФ . ┬л ┬╗ ┬л , ┬╗. , , . ! 2020 тАФ .


, , тАФ - . , 3 , . , , , , , . Svelte .


, Svelte . JS VueJS, Svelte. Vanilla JS , ? , ? - ? Virtual DOM, ? Write less code? ? , , , Vuejs React - , . . , ┬лwrite less code┬╗ . Svelte .


, Svelte . , , . тАФ corner cases, VueJS/Angular/React. , 3 - , . , . . тАФ Svelte тАФ . , Svelte? Svelte. , , .


┬л , 3 ?┬╗, . , . 5 , . - , . . , ( ). тАФ , .


Svelte . Svelte, , Svelte . , ? , . ? Who's using Svelte?. - ? , , VueJS ?


, ? тАФ . Svelte. , .. , . , . , Svelte - , , . .


All Articles