Examen React

Un lenguaje de programación.

Un framework de JavaScript.

Una biblioteca de JavaScript para construir interfaces de usuario.

Un servidor web.

npm start

npm run build

yarn create vite

npm install react

React.render()

render()

ReactDOM.render()

renderDOM()

Single Page Application

Silence Page Application

Single Page Aplication

Simple Para Aplicar

• class MyComponent extends React.Component { render() { return <div>Hello</div>; } }

function MyComponent() { return <div>Hello</div>; }

var MyComponent = React.createClass({ render() { return <div>Hello</div>; } });

React.Component.MyComponent = function() { return <div>Hello</div>; }

Usando props.

Usando state.

Usando methods.

No es posible pasar datos entre componentes.

useEffect

useState

useContext

useReducer

Un tipo de DOM optimizado para bases de datos.

Una representación ligera del DOM real que React utiliza para optimizar el rendimiento.

Un motor de base de datos virtual para aplicaciones React.

Una técnica para actualizar el servidor automáticamente.

Cambia el estado de un componente

Ejecuta efectos secundarios como llamadas a API después de que un componente se renderiza

Retorna un valor.

Desmonta el componente.

Usando el método addEventListener()

Usando el atributo onclick de HTML.

Usando el sistema de eventos de React como onClick={() => handleClick()}.

Usando el método dispatchEvent().