Free
TREND

React JS: Bliblioteca de JavaScript creada por Facebook

Aprende paso a paso que es React Js, los Hooks, Componentes, Props, Navegación con React Router Dom, y más

3 reviews
178 students
Language - Español
Last updated - Jan 2020
Free
course-thumb
  • 2.5 hours on-demand video
  • 2 external links
  • Lifetime Access
  • Completion certificate
  • Free tutor consultation
  • 30 days money back guarantee

What You’ll Learn

Aprenderemos que es React Js y por qué es tan famoso y lo usan tantas empresas punteras.
React JS,la bliblioteca de Javascript creada por Facebook 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 por componentes reutilizando código.
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, React Native y otros lenguajes que naces de React JS

Included Content

  • Introducción
    1 lecture
    02:19
    • Introducción
      Presentación de curso.
      02:19
  • Preparación del entorno
    5 lectures
    25:13
    • Instalación del navegador
      Seleccionaremos el navegador que vamos a utilizar durante todo el curso.
      02:00
    • Instalando Editor de Código y Extensiones
      Instalaremos el Editor de Código Visual Studio Code y las Extensiones que vamos a utilizar.
      11:57
    • Instalación de Node Js y NPM
      Instalaremos Node.js para poder luego crear Apps con React.
      04:04
    • 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.
      02:47
    • 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.
      04:25
  • Creación del proyecto
    11 lectures
    01:19:10
    • Creando nuestra primera app en React JS
      Crearemos nuestra primera app con React JS.
      03:48
    • Estructura de React JS
      Veremos la estructura completa que tiene un proyecto de React JS.
      14:02
    • Configuración base del proyecto
      Crearemos una configuración básica para empezar a programar en un proyecto de React.
      08:17
    • Conceptos básicos de React JS
      Veremos los conceptos básicos de React JS para entender este Framework mejor.
      04:58
    • ¿Que son los Props de React?
      Vamos a aprender que son los porps de un componente para que se usan y como utilizarlos.
      04:49
    • Creando nuestro primer componente
      Vamos a crear nuestro primero componente en React JS de una manera muy fácil y sencilla de entender.
      07:33
    • Pasando props básicos entre componentes
      Vamos ha pasar props desde el componente principal al componente que habíamos creando en clases anteriores.
      08:51
    • Pasando funciones entre componente con props
      Vamos ha aprender como podemos pasar funciones completas entre componentes usando los props de React JS.
      08:06
    • 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.
      05:02
    • Añadiendo React Bootstrap al Proyecto
      Añadiremos una biblioteca de componentes basados en Bootstrap a nuestro proyecto
      11:04
    • Usando imágenes SVG como componentes
      Aprenderemos a crear componentes basados en imágenes SVG
      02:40
  • Usando Hooks
    2 lectures
    17:15
    • Hook de estado – useState
      Crearemos nuestro primero estado en nuestro componente y veremos como se mueve la información por le estado.
      13:40
    • Hook de efecto – useEffect
      Crearemos un ejemplo de como se usuaria el useEffect en un componente.
      03:35
  • Mucho más!
    1 lecture
    00:00
    • Despedida
      00:00

Description

En este curso vas a aprender desde la base de React JS, veremos que son los componentes y props, como reutilizar códigos que ya tenemos escrito, también crearemos un sistema de navegación con varias páginas para nuestra web, y tocaremos la ultima implementación de React JS, los HOOKS que nos facilitara el trabajo al crear nuestros componentes y todo esto con la biblioteca creada por Facebook, exactamente la misma que ha usado Instagram para crear su plataforma.


EN ESTE CURSO VAMOS A APRENDER...

  • Que es React Js y por qué es tan famoso y lo usan tantas empresas punteras.

  • React JS, la bliblioteca de Javascript creada por Facebook 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 por componentes reutilizando codigo.

  • ¡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, React Native y otros lenguajes que naces de React JS

  • Todo esto y mucho más con React JS, no esperes más e iniciate en esta bliblioteca.
Show more

User Reviews

Course rating

3 reviews
5 - stars100%
4 - stars0%
3 - stars0%
2 - stars0%
1 - star0%

Featured Review

avatar
Jesús Vicente Mora
4 weeks ago

Explica muy bien y hace que react sea fácil de entender.

More Reviews

avatar
Alejandro Espinosa
4 weeks ago
Verified learner

En hora buena saludos deseé México

avatar
Juan Peris
4 weeks ago
Verified learner

Muy completo para ser gratis, te enseña las bases de React y un poco mas.

About the tutor

avatar Agustin Navarro Galdon Frontend Developer
  • 5 Stars Tutor Rating
  • 178 students
  • 1 course