Svelte, uma estrutura que desaparece que não desaparecerá

action52champion : Paranoia, você diz, e você está certo. Mas meu terapeuta está ocupado apoiando vítimas de coronavírus. Eles precisam disso. Portanto, eu tenho que me pronunciar.

Entrevista

Sobre mim

action52champion: . : Angular, React, Vue. , - Svelte production-ready .

, Svelte

action52champion: , , , .

Sobre artigos pagos e qual é o "lucro"

action52champion : Na próxima vez, fui assombrado com a sensação de que alguém estava apenas rabiscando postagens personalizadas.

1. - React/Vue/Angular/Ember/{ } — ,
2. , .

Sobre falhas específicas

action52champion : Eu não quero comparar o Svelte e outros frameworks e passar por suas deficiências específicas. Você pode ler este artigo para obter detalhes.

Sobre os Três Grandes

action52champion: : , , — ( ) .. , , . . -. - 5 . . . . . .

Sobre Vue

action52champion : Lembro-me de como Vue decolou e ganhou popularidade no contexto de uma reação com uma angular. Sim, havia RP, mas Vue simplesmente não precisava de RP. Ele resolveu os problemas reais de inchaço e complexidade de outras estruturas. Ele pegou o que foi realizado nos outros e realizado de forma minimalista. Ele resolveu um problema específico - a complexidade e a monstruosidade de duas outras estruturas. Que problema real o Svelte resolve eu não sei. O que está escrito em seu site é uma declaração de boas intenções.

var app = new Vue({
  el: '#app',
  data: function() {
    return {
       greeting: 'Hello',
       firstName: '',
       lastName: ''
    };
  },
  computed: {
      fullName: function() {
         return this.firstName + ' ' + this.lastName;
     }
  } 
});

var app = new Ractive({
  el: '#app',
  data: function() {
    return {
       greeting: 'Hello',
       firstName: '',
       lastName: ''
    };
  },
  computed: {
      fullName: function() {
         return this.get('firstName') + ' ' + this.get('lastName');
     }
  } 
});

<template>
<p>{{greeting}} {{fullName}}</p>
</template>

<script>
export default {
  data: function() {
    return {
       greeting: 'Hello',
       firstName: '',
       lastName: ''
    };
  },
  computed: {
      fullName: function() {
         return this.firstName + ' ' + this.lastName;
     }
  } 
};
</script>

<style scoped>
p { color: red; }
</style>

<p>{{greeting}} {{fullName}}</p>

<script>
component.exports = {
  data: function() {
    return {
       greeting: 'Hello',
       firstName: '',
       lastName: ''
    };
  },
  computed: {
      fullName: function() {
         return this.get('firstName') + ' ' + this.get('lastName');
     }
  } 
};
</script>

<style>
p { color: red; }
</style>

action52champion : O Shadow DOM foi introduzido na estrutura, não de uma vida boa. Sua falta significa que o Svelte certamente será mais lento, onde haverá muitas atualizações.

Por que tão demorado

action52champion : Do ponto de vista prático, uma coisa é importante - quão bem a estrutura resolve problemas reais de negócios. E desse ponto de vista, se você usar duas estruturas que resolvem os problemas da mesma maneira, mas uma delas tiver mais comunidade e ecossistema, é razoável escolher a segunda. Svelte foi lançado em 2016. Vue foi lançado em 2014. A diferença é de 2 anos. Essa. Svelte poderia levar em conta todos os erros do Vue e se tornar o melhor, reconquistar o público e o mercado. Mas ele ainda é a maior marginalidade conhecida principalmente por seus artigos elogiosos.

Sobre front-ends estúpidos e gananciosos

action52champion : isso é especialmente verdade para quem acabou de entrar no frontend. Ele costuma dirigir por dinheiro. Então: não há dinheiro no Svelte. Também não há trabalho. E o mais interessante - também não haverá experiência.

Sobre o ecossistema

action52champion: « » « , ». , , . ! 2020 — .

Sobre o "santo"

action52champion: , , — - . , 3 , . , , , , , . Svelte .

Sobre todos os tipos de coisas diferentes

action52champion: , Svelte . JS VueJS, Svelte. Vanilla JS , ? , ? - ? Virtual DOM, ? Write less code? ? , , , Vuejs React - , .

1. O minimalismo é alcançável. Problemas com isso surgem quando um princípio diferente é estabelecido nos próprios fundamentos da solução. Por exemplo, Reduh em sua essência não pode ser minimalista devido à abundância de um clichê embutido nele. Ao mesmo tempo, Storeon, trabalhando essencialmente com os mesmos princípios, permanece minimalista. Em geral, todas as estruturas modernas tendem a dividir seus componentes como as menores unidades possíveis. Além disso, você precisa entender como escrever o código mais declarativo e controlado pelo estado.
2. Esta não é uma escolha entre o Vanilla JS e o Svelte. Svelte - esse é o Vanilla JS, que você não precisa escrever e muitas vezes é mais fácil de manter e desenvolver.
3. Typescript + — « », -. . TS. , Vue ? TS ± Svelte.
4. , Virtual DOM. Svelte , change detection . .
5. . . React Vue. 1.5 , .
6. Como você não gosta dos exemplos da documentação do Svelte. Você pode sugerir casos mais graves da documentação de outras estruturas?

O Svelte permite escrever código declarativo de alto nível nas fontes fáceis de desenvolver e manter, além de obter código imperativo e de alto desempenho de baixo nível que funcione bem em tempo de execução.

Sobre a comunidade

action52champion : Diz -se que Svelte tem uma grande comunidade de língua russa. Eu não o vejo, vejo apenas evangelistas, cada um dos quais prega por dez.

“Svelte é, francamente, a melhor invenção do mundo das estruturas Javascript que já foi. Não devemos falar sobre ganchos, devemos falar sobre Svelte. ”

Consciência profissional (NÃO)

action52champion : Contra -argumentos de nível - você simplesmente não conseguia descobrir o Svelte - geralmente está além do humor. Pessoas que trabalham com angulares e reagem não conseguem descobrir um pouco mais do que Svelte? Provavelmente o ponto aqui está no próprio Svelte. Ou que basicamente não há nada para entender, porque não há nada que valha a pena.

Popularidade de Pro (NOT)

action52champion: « , 3 ?», . , . 5 , . - , . . , ( ). — , .

Sobre o OSS

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

Sobre o fato de que

action52champion : Você tem certeza de que o direito de recomendar essa estrutura é tão categórico? O frontend é uma área em que novas pessoas vêm sem experiência todos os dias. Eles não são capazes de apreciar a escala da desnecessidade de Svelte. Eles verão artigos elogiosos em que caras inteligentes, com um olhar sério, falam sobre o maravilhoso encaminhamento de eventos, um compilador, etc. O que é interessante do ponto de vista acadêmico, mas não do prático. Eles acham que vale a pena entrar em contato, gastam seu tempo e ficam sem nada. E, ao oferecer pacotes de artigos sobre o quão maravilhoso é possível fazer alguma porcaria no Svelte, o que também pode ser feito em estruturas normais, você adiciona um porco enorme a pessoas novatas.

• Eu sei do que estou falando. Uso o Svelte no meu trabalho e posto soluções no OSS.
• Sou o tomador de decisão pela escolha da tecnologia e responsável pelo sucesso dos projetos.
• Eu tenho algo para comparar. Além do Svelte, tenho experiência com muitas estruturas agora e no passado (Backbone, AngularJS, Ractive, Riot, Vue / Nuxt, React, LitElement).
• Eu me comunico muito com aqueles que também usam o Svelte e geralmente ajudo aqueles que querem aprender. Eu ouço os problemas deles e tento sempre oferecer soluções.
• Leio relatórios sobre o Svelte e estou pronto para responder a perguntas substantivas.

P / s

ATUALIZAR: