⚛️ JavaScript Fundamentals Before Learning React | ⚛ Camino de react con hooks
React ofrece cierta administración de estado interna, pero aparte de esto, es solo una biblioteca de componentes que procesa HTML para su navegador.
import React from 'react';
export default class App extends React.Component {
//métodos, state, constructor
render() {
//Javascript
return (
//jsx, {}
);
}
}
- var Scope dentro de la funcion que se declara.
- let y const dentro de
{}
bloque.
Ya no usar var, por defecto usar const
Una función es un fragmento de código que se define solo una vez, pero que se puede llamar innumerables veces.
En JavaScript, las funciones son en realidad objetos. Al igual que cualquier objeto típico, también tienen atributos y métodos. Lo único que los diferencia de los objetos es que pueden llamarse
bloques de construcción que conforman el aspecto de un sitio web y todos los componentes de React deben comenzar con una letra mayúscula
argumentos que puedes pasar a una función
El estado determina el aspecto del componente y puede actualizarlo sobre la marcha, el estado es solo un objeto en un componente de React
setState()no actualiza inmediatamente su componente(Batching)
Llamar setStae dentro del método render genera un bucle. No hacer
Objetivo principal es liberar recursos.
Cada componente de React pasa por un ciclo de vida y los métodos de ciclo de vida son funciones proporcionadas por React a través de las cuales podemos controlar lo que sucede cuando cada pequeña sección de su interfaz de usuario se procesa, actualiza, considera volver a renderizar y luego desaparece por completo.