Estudio comparativo de Svelte vs React vs Angular vs Vue

JavaScript : “Brendan Eich” en Netscape Inc creó JavaScript en 1990 y lo llamó inicialmente “LiveScript” . Más tarde, pasó a llamarse JavaScript. JavaScript es el lenguaje de secuencias de comandos de la web y utiliza objetos para realizar acciones y hacer que la web cobre vida al agregarle movimiento. Los requisitos previos para aprender JavaScript son HTML y CSS, que podría decirse más precisamente como HTML5 y CSS3.

JavaScript ha sido renombrado varias veces, como en el lanzamiento inicial se llamaba «Mocha» , luego se le cambió el nombre a «LiveScript» y, además, se le cambió el nombre a «JavaScript» y ahora algunas organizaciones lo llaman «ECMAScript» .

No existe un requisito tan avanzado para las herramientas a fin de escribir el código de JavaScript, solo necesitamos un editor de texto para ello, algunos editores de texto populares son Notepad, Notepad ++, Adobe Dreamweaver.

Svelte: Característica de Svelte.

  • Es un compilador y no un framework.
  • No agrega un bloque de códigos como lo hacen otros marcos.
  • Código muy pequeño y paquetes rápidos.
  • Solo se proporciona un conjunto básico de instrucciones.
  • No se proporcionan mejoras adicionales.
  • Popular pero tiene una comunidad pequeña y es bastante nuevo en el mercado.
  • Espectáculo unipersonal, ya que no lo desarrolla un equipo.
  • Vale la pena explorar en agregar pero no bien establecido, difícil de encontrar proyectos del mundo real.

Ejemplo: Es el código de ejemplo de Svelte.

main.js

<script>
    let name = 'Geeks';
</script>
  
<h1>Hello {name}!</h1>

Producción:

Hello Geeks

ReactJS: Característica de reactJS.

  • Es una biblioteca de JavaScript.
  • Se proporcionan paquetes pequeños y de tamaño rápido.
  • Proporciona solo un conjunto básico de instrucciones.
  • Se proporcionan algunas mejoras adicionales.
  • Biblioteca popular y relativamente madura.
  • Desarrollado para Facebook.
  • Está bien establecido y se está utilizando, también es fácil de aprender e implementar.

Ejemplo: Es el código de ejemplo de ReactJS.

app..js

ReactDOM.render(
  <h1>Hello, Geeks!</h1>,
  document.getElementById('root')
);

Producción:

Hello, Geeks!

AngularJS: Característica de angularJS.

  • Es un marco de JavaScript.
  • Se proporcionan paquetes rápidos de tamaño mediano.
  • Proporciona un gran conjunto de características.
  • Se proporcionan muchas mejoras adicionales.
  • Popular y relativamente más maduro.
  • Desarrollado por Google.
  • Implementación de proyectos bien establecidos y fáciles de encontrar utilizando el marco angular

Ejemplo: Es el código de muestra de AngularJS.

index.ts

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf 8" />
  </head>
  <body ng-app="app">
    <h1 ng-controller="HelloWorldCtrl">
      {{message}}
    </h1>
    <script src=
"https://code.angularjs.org/1.6.9/angular.js">
    </script>
    <script>
      angular.module("app", [])
        .controller("HelloWorldCtrl", function ($scope) {
        $scope.message = "Hello Geeks";
      });
    </script>
  </body>
</html>

Producción:

Hello Geeks

VueJS: Característica de VueJS.

  • Es un marco de JavaScript.
  • Se proporcionan paquetes pequeños y rápidos.
  • Proporciona un conjunto de características de tamaño mediano.
  • Se proporcionan algunas mejoras adicionales.
  • Extremadamente popular y relativamente maduro.
  • Esfuerzo del equipo de código abierto.
  • Estableciendo Framework y necesita más tiempo para capturar el mercado.

Ejemplo: Es el código de muestra de VueJS.

index.html

<div id="app">
  {{ message }}
</div>

app.js

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Geeks!'
  }
})

Producción:

Hello Geeks!

Publicación traducida automáticamente

Artículo escrito por atulkumar31 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *