React JS: La biblioteca de JS creada por Facebook
- Descripción
- Currículum
- Reseñas
SOBRE EL CURSO
Gracias a este curso aprenderás desde los conceptos básicos de React JS, hasta los Hooks para crear una páginas webs completa desde cero.
¿QUE APRENDEREMOS?
- Aprenderemos que es React Js y por qué es tan famoso y potente.
- React JS, la librería de Javascript más demandada en el mercado laboral actualmente.
- Aprenderemos a usar los Hooks de React, useState y useEffect.
- Aprenderemos una nueva forma de trabajar más ordenada, limpia y declarativa por componentes.
- Conocer todo lo que tiene React y lo que podemos hacer con el
- Conocer qué es el State, Props, Tipos de Componentes en React y mucho más!
- Escribiremos código React que siga las buenas prácticas.
- Gracias a todo este contenido podremos conseguir trabajo como desarrollador ReactJS
-
2
Instalación del navegadorSeleccionaremos el navegador que vamos a utilizar durante todo el curso.
-
3
Instalando Editor de Código y Extensiones
Instalaremos el Editor de Código Visual Studio Code y las Extensiones que vamos a utilizar.
-
4
Instalación de Node Js y NPM
Instalaremos Node.js para poder luego crear Apps con React.
-
5
Instalando YARN para el manejo de dependencias
Instalaremos YARN para descargar todas las dependencias de terceros que usaremos en nuestros proyectos.
-
6
Instalando Extension React Developer Tool
Vamos ha instalar una extension de Google Chrome llamara React Developer Tools que nos ayuda a identifica los componentes del DOM de un simple vistazo.
-
7
Documentación oficial de React JS
Lo más importante antes de programar es saber cuál es la documentación donde tenemos que ir a resolver dudas y este caso Facebook nos da la documentación de React en español.
-
8
Introducción a JSX
Veremos que es el JSX de React y por que nos facilita mucho a la hora de programar.
-
9
Conceptos básicos de React JS
Veremos los conceptos básicos que tiene React para entender mejor como funciona.
-
10
Creando nuestra primera app en React JS
Crearemos nuestra primera app con el comando create-react-app.
-
11
Estructura de React JS
Veremos toda la estructura de una aplicación de React JS.
-
12
Nuestro primer Componente en React JS
Crearemos nuestro primer componente y veremos todas sus partes.
-
13
¿Que son los Props de React?
Veremos una explicación de que son los PROPS de React y como funcionan.
-
14
Pasando props básicos entre componentes
Pasaremos props básicos de una componente a otro para crear componentes reutilizables.
-
15
Pasando variables y objetos entre componentes por los props
Pasaremos variables y objetos por los props de nuestros componentes.
-
16
Pasando funciones entre componente por los props
Vamos a aprender como podemos pasar funciones completas entre componentes usando los props de React JS.
-
17
El uso de la Asignación por Destructuring
Veremos que es la asignación por destructuring y como no puede ayudar con el manejo de props.
-
18
Props por defecto
Podemos definir en nuestros componentes props por defecto en el caso de que no le pasemos ninguno.
-
19
Template Strings
Veremos que el Template Strings y como nos puede ayudar a mostrar las variables en los componentes.
-
20
Usando React Developer Tools
Con React Developer Tools podremos ver en tiempo real que props tiene cada componente, que componentes son los padres y que hooks esta usando, entre muchas mas funcionalidades.
-
21
Añadiendo React Bootstrap al Proyecto
Añadiremos una biblioteca de componentes basados en Bootstrap a nuestro proyecto
-
22
Usando imágenes SVG como componentes
Aprenderemos a crear componentes basados en imágenes SVG.
