Introducción a React World #1

May 10 2022
Los temas que cubriré en este artículo son; ¿Qué es Reaccionar? React es una biblioteca de JavaScript que tiene como objetivo simplificar el desarrollo de interfaces visuales. Fue desarrollado por Meta (Facebook) y lanzado al mundo en 2013.

Los temas que cubriré en este artículo son;

  • ¿Qué es Reaccionar?
  • ¿Por qué reaccionar?
  • ¿Qué es Componente?
  • ¿Qué es JSX?

¿Qué es Reaccionar?

React es una biblioteca de JavaScript que tiene como objetivo simplificar el desarrollo de interfaces visuales. Fue desarrollado por Meta (Facebook) y lanzado al mundo en 2013.

¿Por qué reaccionar?

En primer lugar, podemos comenzar con una oración simple y cliché, React se usa mucho, la probabilidad de trabajar en un proyecto React en el futuro es bastante alta, especialmente si desea trabajar como ingeniero o desarrollador frontend, podemos decir que es casi seguro.

En segundo lugar, muchas herramientas de hoy en día se construyen esencialmente con React. Siguiente. Te darás cuenta de que React es el marco subyacente y herramientas como js, ​​Gatsby y muchas más.

Vayamos a una de las razones que me llamó la atención y comencé a centrarme en React. Las empresas de Web3 tienen un gran interés en React. Si tiene un plan de este tipo, será beneficioso para usted aprender.

Además, mientras aprendes sobre React, puedes tener algunas dificultades al principio, pero a medida que te adentres en él te sentirás como si estuvieras en las nubes porque te darás cuenta de que facilita muchas cosas y su ecosistema está lleno de excelentes bibliotecas y instrumentos.

Hablaremos de sus ventajas técnicas en el próximo artículo.

¿Qué es Componente?

Su objetivo principal es facilitar el razonamiento sobre una interfaz y su estado, de forma cómoda y rápida. El proceso de facilitación se realiza a través de componentes. Hacemos esto dividiendo la interfaz de usuario en componentes, es decir, una colección de componentes.

¿Qué es JSX?

Puede parecer HTML, pero en realidad no es HTML. Y tener los códigos en un archivo JavaScript puede parecer un poco extraño. Podrías decir que al principio no se parece en nada a JavaScript, pero te acostumbrarás con el tiempo.

En realidad, el evento principal que ocurre en la cocina de React es este: React procesará el JSX y lo convertirá a JavaScript que el navegador pueda interpretar. Así que estamos escribiendo JSX, pero hay un paso de traducción al final que lo hace digerible para un intérprete de JavaScript. Además, la creación de interfaces de interfaz de usuario mediante JSX es bastante sencilla.

Profundicemos un poco más en la parte de la interfaz de usuario. Podemos importar otros componentes de React en componentes de React, incrustarlos y mostrarlos. Esto le dará confianza y tomará medidas más seguras porque este proceso le permite deshacerse de la pila de código. También le permitirá concentrarse rápidamente en el error o la pieza que debe cambiarse y tener un proceso de trabajo más eficiente.

Echemos un vistazo a una de las diferencias principales y más notables entre JSX y HTML. Verá que en JSX hay classNameun nombre diferente llamado. Existe en HTML como se le conoce class. Es por eso que debe recordar esto para no obtener un error al copiar/pegar el HTML existente.

Con este artículo, he publicado mi primer artículo en mi aventura React. Continuaré publicando mi trabajo tanto como pueda. Para no perderte mis otros trabajos y contenidos, puedes consultar aquí:

  • Puede hacer clic aquí para ver las hojas de trucos .
  • Puede hacer clic aquí para navegar por los códigos fuente y los repositorios .

© Copyright 2021 - 2022 | unogogo.com | All Rights Reserved