Svelte, un cadre en voie de disparition qui ne disparaîtra pas

action52champion : Paranoïa, dites-vous, et vous avez raison. Mais mon thérapeute est occupé à soutenir les victimes de coronavirus. Ils en ont besoin. Par conséquent, je dois vous prononcer.

Entretien

À propos de moi

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

, Svelte

action52champion: , , , .

À propos des articles payés et quel est le «profit»

action52champion : La prochaine fois, j'ai été hanté par le sentiment que quelqu'un venait de griffonner des messages personnalisés.

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

À propos de défauts spécifiques

action52champion : Je ne veux pas comparer Svelte et d'autres frameworks et passer par ses défauts spécifiques. Vous pouvez lire cet article pour plus de détails.

À propos des trois grands

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

À propos de Vue

action52champion : Je me souviens comment Vue a décollé et gagné en popularité dans le contexte d'une réaction angulaire. Oui, il y avait des relations publiques, mais Vue n'avait tout simplement pas besoin de relations publiques. Il a résolu les vrais problèmes de ballonnement et de complexité d'autres cadres. Il a pris ce qui était réalisé chez les autres et réalisé sous une forme minimaliste. Il a résolu un problème spécifique - la complexité et la monstruosité de deux autres cadres. Quel vrai problème Svelte résout-il je ne sais pas. Ce qui est écrit sur leur site Web est une déclaration de bonnes intentions.

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 : Shadow DOM a été introduit dans le framework pas d'une bonne vie. Son manque signifie que Svelte sera certainement plus lent, où il y aura de nombreuses mises à jour.

Pourquoi si longtemps

action52champion : D'un point de vue pratique, une chose est importante - la façon dont le cadre résout les problèmes réels de l'entreprise. Et de ce point de vue, si vous prenez 2 frameworks qui résolvent les problèmes de la même manière, mais l'un d'eux a plus de communauté et d'écosystème, il est raisonnable de choisir ce dernier. Svelte est sorti en 2016. Vue est sorti en 2014. La différence est de 2 ans. Ceux. Svelte pourrait prendre en compte toutes les erreurs de Vue et devenir le meilleur, reconquérir le public et le marché. Mais il reste la plus grande marginalité connue principalement pour ses articles élogieux.

À propos des frontaux stupides et gourmands

action52champion : Cela est particulièrement vrai pour ceux qui viennent d'entrer dans le frontend. Il conduit souvent pour de l'argent. Donc: il n'y a pas d'argent à Svelte. Il n'y a pas de travail non plus. Et le plus intéressant - il n'y aura pas d'expérience non plus.

À propos de l'écosystème

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

A propos du "saint"

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

À propos de toutes sortes de choses différentes

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

1. Le minimalisme est réalisable. Des problèmes surviennent lorsqu'un principe différent est posé dans le fondement même de la solution. Par exemple, Reduh dans son essence ne peut pas être minimaliste en raison de l'abondance d'un passe-partout intégré. Dans le même temps, Storeon, travaillant essentiellement sur les mêmes principes, reste minimaliste. En général, tous les cadres modernes ont tendance à diviser leurs composants en unités les plus petites possibles. De plus, vous devez comprendre comment écrire le code le plus déclaratif et piloté par l'état.
2. Ce n'est pas un choix entre Vanilla JS et Svelte. Svelte - c'est Vanilla JS, que vous n'avez pas besoin d'écrire et qui est beaucoup plus facile à maintenir et à développer.
3. Typescript + — « », -. . TS. , Vue ? TS ± Svelte.
4. , Virtual DOM. Svelte , change detection . .
5. . . React Vue. 1.5 , .
6. Puisque vous n'aimez pas les exemples de la documentation Svelte. Pouvez-vous suggérer des cas plus graves à partir de la documentation d'autres cadres?

Svelte vous permet d'écrire du code déclaratif de haut niveau dans les sources qui est facile à développer et à maintenir, et à obtenir un code impératif et performant de bas niveau qui fonctionne très bien à l'exécution.

À propos de la communauté

action52champion : Svelte aurait une grande communauté russophone. Je ne le vois pas, je ne vois que des évangélistes, chacun prêchant pour dix.

«Svelte est, franchement, la meilleure invention du monde des frameworks Javascript. Nous ne devrions pas parler de crochets, nous devrions parler de Svelte. »

Sensibilisation des Pro (PAS)

action52champion : Contre -arguments de niveau - vous ne pouviez tout simplement pas comprendre Svelte - c'est généralement au-delà de l'humour. Les gens qui travaillent avec des angulaires et réagissent ne peuvent pas comprendre un petit Svelte simple? Il s'agit probablement ici de Svelte même. Ou qu'il n'y a fondamentalement rien à comprendre, car il n'y a rien de valable.

Popularité Pro (PAS)

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

À propos d'OSS

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

À propos du fait que

action52champion : Êtes-vous sûr que le droit de recommander ce cadre est si catégorique? Le frontend est un domaine où de nouvelles personnes viennent chaque jour sans expérience. Ils ne sont pas en mesure d'apprécier l'étendue de l'inutilité de Svelte. Ils verront des articles élogieux où des gars intelligents avec un regard sérieux parlent de ce qu'est une merveilleuse transmission d'événements, un compilateur, etc. Ce qui est intéressant d'un point de vue académique, mais pas d'un point de vue pratique. Ils penseront que cela vaut la peine de contacter, ils passeront leur temps et se retrouveront avec rien. Et en distribuant des lots d'articles sur la façon merveilleuse de faire des conneries sur Svelte, ce qui peut également être fait sur des cadres normaux, vous ajoutez un énorme cochon aux personnes novices.

• Je sais de quoi je parle. J'utilise Svelte dans mon travail et poste des solutions dans OSS.
• Je suis décideur dans le choix des technologies et responsable de la réussite des projets.
• J'ai quelque chose à comparer. En plus de Svelte, j'ai de l'expérience avec de nombreux frameworks aujourd'hui et dans le passé (Backbone, AngularJS, Ractive, Riot, Vue / Nuxt, React, LitElement).
• Je communique beaucoup avec ceux qui utilisent également Svelte et j'aide souvent ceux qui veulent l'apprendre. J'entends leurs problèmes et essaie toujours de proposer des solutions.
• J'ai lu des rapports sur Svelte et je suis prêt à répondre à des questions de fond.

P / s

MISE À JOUR: