CursosEmpresasBlogLiveConfPrecios

¿Qué es React.js?

Clase 2 de 33 • Curso Profesional de React.js 2017

Clase anteriorSiguiente clase

Contenido del curso

Introducción a ReactJS
  • 1

    Código del proyecto

    00:02
  • 2
    ¿Qué es React.js?

    ¿Qué es React.js?

    08:18
  • 3
    Del escritorio al browser: Single Page Apps

    Del escritorio al browser: Single Page Apps

    05:15
  • 4
    Patrones de arquitectura en Frontend

    Patrones de arquitectura en Frontend

    09:15
  • 5
    Filosofia de Componentes

    Filosofia de Componentes

    03:33
  • 6
    Componente básico con React

    Componente básico con React

    05:56
  • 7
    React Developer Tools

    React Developer Tools

    02:04
  • 8
    Hola mundo en React.js

    Hola mundo en React.js

    21:41
  • 9
    PropTypes y Render

    PropTypes y Render

    27:42
  • 10
    Creando mas componentes

    Creando mas componentes

    07:56
  • 11
    Preguntas y Respuestas

    Preguntas y Respuestas

    23:46
  • 12

    Conceptos básicos de JSX y ReactJS

    02:55
  • 13

    Empieza con ReactJS, la librería Javascript de Facebook

    01:47
  • 14

    Cómo definir una vista con ReactJS

    07:55
  • 15

    Cómo usar Web Components con ReactJS y AngularJS

    02:51
Ciclo de vida de un componente, States, Props y Browserify
  • 16
    Instalacion de Browserify

    Instalacion de Browserify

    29:41
  • 17
    Teoría sobre ciclos de vida en ReactJS

    Teoría sobre ciclos de vida en ReactJS

    19:23
  • 18
    Event handling, State y Browserify

    Event handling, State y Browserify

    43:48
  • 19
    Integración con Librerías de Terceros

    Integración con Librerías de Terceros

    06:01
  • 20
    Preguntas y Respuestas

    Preguntas y Respuestas

    26:06
  • 21

    Cómo filtrar una lista con ReactJS

    01:35
  • 22

    Manejo de datos en tiempo real con RethinkDB y ReactJS

    02:17
Realtime y rutas con ReactJS
  • 23
    Tools CSS: Reset

    Tools CSS: Reset

    11:27
  • 24
    La teoría detrás de una aplicación RealTime

    La teoría detrás de una aplicación RealTime

    15:33
  • 25
    Realtime apps en ReactJS

    Realtime apps en ReactJS

    11:47
  • 26
    Animaciones en ReactJS

    Animaciones en ReactJS

    12:53
  • 27
    Complementando con Socket.io

    Complementando con Socket.io

    24:10
  • 28
    Creación de Rutas con ReactRouter

    Creación de Rutas con ReactRouter

    23:38
  • 29
    Preguntas y Respuestas

    Preguntas y Respuestas

    22:57
Complementos del curso
  • 30
    Flux

    Flux

    00:00
  • 31
    Cómo manejar rutas con Page.js

    Cómo manejar rutas con Page.js

    00:00
  • 32

    Testing de componentes de React con Jest

    07:54
  • 33

    Guía de actualización desde React.js v0.13

    03:10
    Juan Jose Rojas Rojas

    Juan Jose Rojas Rojas

    student•
    hace 10 años

    Tu cara cuando terminas de ver el video:   -______-

      Ruperto Coronado

      Ruperto Coronado

      student•
      hace 10 años

      Aprendí mucho de Pokemon :D

    Ricardo La Rosa

    Ricardo La Rosa

    student•
    hace 10 años

    Bonita historia, pero no dice nada del título, ¿Que es React.js?

    Alvaro Enrique Salas Martinez Salas

    Alvaro Enrique Salas Martinez Salas

    student•
    hace 10 años

    Hey estoy pagando por saber que es react.js, no por saber más acerca de pokemon XD, sugerencia: no dudo de el conocimiento del profesor pero si hago énfasis a la petición de ser objetivo enfocado al tema.

    Luisa Fernanda Cortés

    Luisa Fernanda Cortés

    student•
    hace 10 años

    Y en conclusión qué es React.js? o.O

    Ivette Guadalupe Hernández Pérez

    Ivette Guadalupe Hernández Pérez

    student•
    hace 10 años

    Fue algo ambigüo, tenía un punto pero nunca llegamos a qué era React JS :(

    Gilson Rincón

    Gilson Rincón

    student•
    hace 10 años

    My mal esta clase, al finalizar el video sentí que perdí el tiempo, por favor, tengan mas cuidado con los contenidos y los títulos.

    Julian Betancourt

    Julian Betancourt

    student•
    hace 9 años

    Gracias por la explicación, ya se qué decir cuando me pregunten qué es React.js en una entrevista de trabajo :)

      Sergio Nava

      Sergio Nava

      student•
      hace 9 años

      jajajaja.

    Vicente

    Vicente

    student•
    hace 10 años

    ¡Buenas tardes!

    He realizado ya unos cuantos cursos en Platzi, no todos con la misma satisfacción, y he decidido dejar escrita aquí mi impresión hasta el momento (en general buena o muy buena). Obviamente no he podido abarcar, ni mucho menos, todos los temas de la Universidad Platzi pero sí bastantes para atrevirme a hacer alguna recomendación a compañeros que se hayan incorporado hace poco a la comunidad Platzi.

    Queramos o no, todo el material de Platzi puede ckasificarse a grandes rasgos en dos ramas: Front-end y Back-end. El primero está relacionado con todos los programas y "assets" que debemos hacer para que el browser los corra (y perdónenme la expresión). El marcado de los documentos con HTML, el dinamismo de los mismos con CSS y Javascript, las imágenes, los componentes visuales, etc. conforman el front-end y dentro del mismo tenemos por tanto, varias especialidades.

    La lógica para llevar los datos, generalmente desde la base de datos al front-end, así como el diseño y la implementación de las bases de datos necesarias, querys y hasta los propios servidores, son el back-end. También aquí se distinguen varias especialidades.

    He hecho cursos en las dos ramas pero he preferido profundizar en primer lugar en lo que es el front-end, añadiendo además (node.js + express)  y mongoDB como back-end, habiendo encontrado una gran satisfación general en la linea definida por los siguientes cursos:

    Curso de git y github
    Curso de programación básica
    Introducción a node.js e io.js
    Curso de HTML 5 y CSS3
    Curso de javascipt y jquery
    Curso profesional de node.js y javascript
    Curso de responsive design
    Curso profesional de react
    Curso se SQL y MySQL
    Introducción a linux
    Curso de Amazon web services
    Curso de Heroku

    Lo escribo como reconocimiento a todas las personas que han trabajado en ellos para que nosotros podamos disfrutar y por si puede ayudar a alguien.... Y porque me gusta dejar un pequeño rastro por donde paso, claro que si.

    Saludos
    Viceny

    Zoe Gavidia

    Zoe Gavidia

    student•
    hace 10 años
    ![](http://)alert('yea ')
      Fabian Allel Gallardo

      Fabian Allel Gallardo

      student•
      hace 10 años

      console.log('yuju');

    None None

    None None

    student•
    hace 10 años
    console.log('Pika pika')
    Elizabeth Manrique

    Elizabeth Manrique

    student•
    hace 10 años

    No queda claro para nada que es React JS ni siquiera si es una librería o framework, aunque capítulos más adelante queda más claro, es necesario mejorar los títulos creo de cada capitulo y que estén mas acorde a lo que de verdad explican.

    Susej  Reina

    Susej Reina

    student•
    hace 9 años

    Me acabo de inscribir en Platzi por videos que vi en Youtube y estoy dudando de haberme inscrito :S Esperemos que el curso mejore. Creo que falta ir directo al grano, a lo que queremos aprender.

      Jeison  Higuita

      Jeison Higuita

      student•
      hace 9 años

      Este curso se renovará en muy poco tiempo, con mejor contenido, contenido actualizado y la nueva metodologia de enseñana de Platz :)

      Temas como ES6, React 15 y Redux es solo un poco de lo que se viene :D

    Jesus Suarez

    Jesus Suarez

    student•
    hace 10 años

    Quede igual que como empezo, solo que con recuerdos de pokemon.

    Jhonatan Ferney Ospina

    Jhonatan Ferney Ospina

    student•
    hace 10 años

    Solo dire Pokemon es la ley!!

    Cristian Bertelegni

    Cristian Bertelegni

    student•
    hace 10 años

    ??

      DAVID NISPERUZA MONTALVO

      DAVID NISPERUZA MONTALVO

      student•
      hace 9 años

      Bueno me parece que los compañeros de arriba son duros en sus criticas, muy duros ..si son genios del react o saben mucho para que estan aca, platzi ofrece buen precio..aparte cada tutor es un maestro en su arte ..ellos saben como enseñarte si no te gusta pues no lo veas....aprendamos mas critiquemos menos.

    Sergio Nava

    Sergio Nava

    student•
    hace 9 años

    me imagino a este chico ahora con Pokemon go...

    Juan Ricardo Martin Guio Martin

    Juan Ricardo Martin Guio Martin

    student•
    hace 10 años

    Como olvidar al Internet de los 90's :)

    Alejandro Moreno Vera

    Alejandro Moreno Vera

    student•
    hace 10 años

    He salido mareado de tanto movimiento de silla, por favor que para de moverla....

    Juan

    Juan

    student•
    hace 10 años

    soy un usuario q espero mucho  de platzi deberian mas especificos con el tema ,objetivo 
    y solo es el concepto por favor .

    Damian Gianni

    Damian Gianni

    student•
    hace 9 años

    Seguime contando más acerca de los animes que mirabas de chiquito.

    Alguien me dice que carajo es Reac JS?

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads