React.js sin ES6

Reactjs es la mejor biblioteca frontend jamás creada. Está hecho por Facebook para realizar varias tareas en la propia interfaz. ES6 es la estandarización de javascript para hacer que el código sea más legible y accesible.

Si no usamos ES6 en reaccionar, hay una alternativa para realizar. Usamos create-react-class en lugar de ES6. Veamos algunas variaciones entre ES6 y el método create-react-class.

Para obtener un artículo detallado sobre ES6, consulte: Introducción a ES6

Creación de la aplicación React e instalación del módulo:

  • Paso 1: Cree una aplicación React usando el siguiente comando. 
     
npx create-react-app foldername
  • Paso 2: después de crear la carpeta de su proyecto, es decir, el nombre de la carpeta, muévase a ella con el siguiente comando. 
     
cd foldername
  • Paso 3: Después de crear la aplicación ReactJS, instale los módulos create-react-class usando el siguiente comando. 
     
npm install create-react-class

Estructura del proyecto:

1. Uso de Create-react-class: se usa como una alternativa al componente predeterminado basado en clases.

Implementación de ES6:

  •  

Aplicación.js

import React from 'react'
import "./App.css"

// Make a App class component using ES6
class App extends React.Component { 
  render() {
    return <h1>Hello Welcome to, GeeksforGeeks</h1>;
  }
}


export default App;

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks 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 *