Bienvenido al curso de React JS:

Bienvenidos al curso de React JS.

¿Qué vas a aprender y cómo obtener ayuda en el curso?

Cómo sacarle el máximo partido al curso.

Únete a la Comunidad de Estudiantes en Discord.

Archivos de todos los proyectos y el código fuente.

Toma notas de tu curso en tiempo real en Frogames Formación.

Empecemos a aprender React JS:

Un breve aperitivo acerca de React JS.

Algunas preguntas que seguro que ahora mismo tienes.

Let, Const y Var en 4 minutos.

Cómo instalar NodeJS.

Crea tu primer proyecto con React.

¿Qué necesitas para crear un proyecto de React?

Crea tu primera app con React.

¿Cómo se para una app de React?

Nuestra primera componente funcional.

¿Qué es JSX?:

Convertir HTML a JSX.

Estilizado inline con JSX en React JS.

Variables de Javascript en JSX.

React con Props:

Tres principios básicos sobre las componentes.

Una app simple con React: comentarios de una red social.

Estilizar una app con Semantic UI.

Construir componentes con JSX.

Indicar la ruta de una imagen en React JS.

Duplicar una componente simple.

Anidado de componentes.

El sistema de props.

Cómo pasar props a un hijo.

Revisión de componentes reutilizables.

El prop children.

Descarga el proyecto de blog posts desde Github.

Componentes basadas en clases:

Componentes basadas en clases y componentes funcionales.

Cómo se verá nuestra app.

Cómo obtener la ubicación física del usuario.

Manejo de operaciones asíncronas en React.

Cómo convertir una componente funcional en una basada en clases.

States en React:

Reglas de estados.

Inicialización de los estados en el constructor.

Los métodos de ciclo de vida.

Rendering condicional.

Métodos de ciclo de vida:

Acerca de los métodos de ciclo de vida.

Refactorización de la app para incluir métodos de lifecycle.

Transferir estados a través de props.

Expresiones ternarias con JSX.

Cómo mostrar una imagen.

Cómo estilizar la app con CSS personalizado y Semantic UI.

Herramientas de desarrollo gratuitas para React.

Revisión final de la App.

Descarga el proyecto final de geoposición desde Github.

Entradas de usuario, formularios y eventos en React JS:

Cómo se verá la app.

Diseño de componentes.

El uso de formularios y campos de entrada.

Estilizado de la app.

Creación de Event Handlers.

Elementos controlados vs no controlados.

¿Para qué sirven los elementos controlados?

La palabra reservada 'this' en Javascript.

Comunicación de hijos a padres.

Cómo invocar callbacks en los hijos.

La API Request de React:

Obtención de datos.

Axis vs FetchFunción Async Await.

Configurar el estado.

Cómo renderizar una lista de componentes.

Implementar el valor key en los objetos de la lista.

¿Qué hemos aprendido en esta app?

Descarga el proyecto final usando la API de Pixabay desde Github.

Navegación en React Router:

Creación del Proyecto.

React RouterLos Links y los Nav Links.

Redirect programados.

Parámetros de Route.

Etiqueta Switch de React Router.

React Portals:

Cómo crear un modal.

¿Para qué sirve React Portals?

Creación de React Portals.

Descarga el proyecto de React Router desde Github.