Prepárate para lo que sigue

Clase 29 de 29 • Curso Práctico de React JS 2019

Resumen

¡Felicitaciones por terminar el Curso Práctico de React JS!

En este curso aprendimos a crear interfaces web como la aplicación de Platzi Video usando componentes de React.

No olvides resolver los ejercicios, completar el examen, darle 5 estrellas al profesor y compartir tu proyecto, notas, dudas o comentarios en la sección de discusiones.

Te recomendamos continuar tu ruta de aprendizaje profesional con los siguientes cursos de la Escuela de JavaScript:

Marco Antonio Soria Erickson

student•

Muy buen curso pero tengo un comentario acerca del examen. Lo presente al terminar el curso y lo reprobé, no porque no haya obtenido los conocimientos suficientes, sino porque muchas de las preguntas que vienen ahi parecen preguntas capciosas o acertijos como la pregunta del .gitignore. Se perfectamente lo que es el .gitignore sin embargo no supe cual era la respuesta mas adecuada. Otra pregunta que no tiene nada que ver es en que fecha se lanzaron los webhooks. Como va a determinar mi conocimiento sobre react saber si una función se lanzo en octubre de 2018 o febrero de 2019? Y así como esas vi varias respuestas que eran casi idénticas y solo cambiaban una palabra o dos y a pesar de que tenia la respuesta, no supe cual era la respuesta correcta. Ojalá y le pongan más atención a las preguntas y que sean más concretas en relación con el tema, no me dan ganas de volver a tomar el examen. En general el curso estuvo muy bueno y si adquirí los conocimientos aunque el resultado del examen no lo diga.

Daniel Andrés Palacios Carabalí

student•

Coincido en algunas cosas que dices, pero me gustaría dar mi opinión al respecto. En cuanto al tema de cuando se lanzaron los hooks en react: creo que es importante tenerlo claro, para saber si lo puedes usar en un proyecto que está en producción con una versión antigua de react. Si bien es cierto que esa es una información que se puede buscar fácilmente en google, me imagino que la intención del profesor fue nos quedáramos con ese conocimiento.

Creo que algunas preguntas sí son un poco complicadas, por el hecho de que de una respuesta a otra sólo cambian algunas palabras pero si lo miras por el lado bueno, te está entrenando para leer con atención. Muchas veces tenemos errores en el código que no sabemos qué es, y resulta ser una sola letra de diferencia.

Si no has aprobado el examen te animo a que lo intentes otra vez y NUNCA PARES DE APRENDER (Y)

Jesús Miguel Quinto Teran

student•

El curso esta genial, nadie tiene duda de eso, pero también creo que deberían revisar nuevamente las preguntas del examen. Las preguntas confunden mucho.

Javier Fuentes Mora

teacher•

Pocos profesores he visto que le den seguimiento a los comentarios de su propio curso .

Se admira y agradece . Ojala todos los de platzi fueran asi

Saludos

Oscar Barajas Tavares

Team Platzi•

Estamos para apoyarles y seguir su aprendizaje.

Javier Romero

student•

compañeros se acuerdan del modulo configurar un entorno de trabajo profesional, pues bien con todo el amor que le tengo a Platzi quería aportarles a todos ustedes un PDF que yo mismo hice para que lo guarden en sus computadoras y nunca se les olvide configurar los archivos y carpetas de React desde cero, revísenlo y no te olvides de regalarme un like :)

link: https://drive.google.com/file/d/1ffyzOJBeu2pembxYiau4EfdfIon51iio/view?usp=sharing

Anthony Quintero

student•

muchas gracias amigo, increíble aporte.

Jose Luis Corado Canizalez

student•

Que brutal. Gracias!

Kafu De León

student•

Wow, esto ha sido asombroso y super fácil de entender, ¡Eres genial!

Te seguiré en tus redes xD

Oscar Barajas Tavares

Team Platzi•

Gracias, nos vemos y espero sigas aprendiendo.

Yesenia S. E.

student•

Amé por completo el curso, estoy ansiosa de llevar todo a la practica con un proyecto pesonal que tenía pendiente n.n

¡¡Excelente profesor!! Explcia de una manera muy sencilla de entender |m|

Oscar Barajas Tavares

Team Platzi•

Me da gusto saber que te gusto el curso!

Nagcely Mendoza

student•

Oscar eres excelente profesor, muy buen curso.

Alex John Chamba Macas

student•

Un curso de React.Js Avanzado con el profesor Oscar por favor, gracias.

Oscar Barajas Tavares

Team Platzi•

Seria genial, vamos a planearlo.

Bernardo Ayala Montezuma

student•

Un punto muy fuerte del curso es el profesor. No había hecho ningún curso antes con él. Me parece extraordinario. React siempre se me hace complicado y la verdad que Oscar hizo todo muy entendible. Espero ver más cursos con él.

Juan Jiménez

student•

El curso ha sido genial, gracias!

Rodrigo Miranda

student•

Hace rato que no veía un curso completo en Platzi, siendo que soy estudiante desde mejorandola. Es un curso con una explicación precisa, clara y simple. Sería bueno que Oscar se motive y desarrolle el Curso React Avanzado y quizá React Native si es que forma parte de su base de conocimiento.

Felicitaciones Oscar, gran trabajo.

Oscar Barajas Tavares

Team Platzi•

Me da gusto escuchar estas palabras, Sin duda voy a preparar mas contenido dentro de Platzi :D

Diego Fernando Rojas Quintero

student•

👋Hola chicos, tengo varias preguntas e inquietudes sobre el proyecto, todo lo seguí según lo explicado por el profesor en el curso, pero estas son mis dudas:

Se que eslint me ayuda a ver posibles errores en mi codigo, ¿pero porque me aparece todo tachado en cada uno de los componentes? no veo el error en el codigo.

¿Que significa este mensaje en la consola? ¿como lo puedo solucionar?

Estiventh Leonardo Neira Aldana

student•

prueba poniendo return en el componente a ver

Javier Romero

student•

selecciona todo el código y pasa el mouse por las lineas subrayadas y te va a decir que si quieres corregir con alt f8 o contrl . yo te recomiendo contrl . y luego clickeas en fix auto y listo se soluciona todo tu condigo, esLint es tan bueno que te ayuda a mejorar la estética de tu código y la sangría del texto es por eso que te sale eso :)

Alejandro González Reyes

student•

Fundamentos de Bases de Datos Laravel 2017 y este curso son los mejores.

Excelentes profesores

Oscar Barajas Tavares

Team Platzi•

Me da un gusto leer este comentario, gracias.

javier partida valle

student•

Buenas, he añadido la funcionalidad de agregar items a mylist, pero a la hora de ejecutarlo mylist no está definido, aunque el código funciona, es decir añade los items a mylist.

<code> 
const App = () => {
    const initialState = useInitialState(API);
    const [favList,setFavList] = React.useState([]);
    const addFav = (item) =>{
        favList.push(item);
        setFavList(favList);
        console.log(favList);
    }
    return(
        <div className = "App">
            <Header />
            <Search />
            {
                favList.length > 0 && 
                <Categories tittle = "Mi lista">
                    <Carousel >
                        {favList.map(item =>
                            <Carouselitem key ={item.id}{...item}/>
                        )}
                    </Carousel>
                </Categories>
            }
            <Categories tittle = "Tendencias">
                <Carousel>
                    {initialState.trends.map(item =>
                        <Carouselitem key ={item.id}{...item}
                            myFav={() => addFav(item)}/>
                    )}
                </Carousel>
</code>

ZAYRA SAAVEDRA URIBE

student•

Buen curso pero creo que se debe estudiar mas a profundidad para los que no tenemos idea de programación.

Miguel Torres

student•

Hola, @zayrasaavedrauribe. :D

Este curso es uno de los intermedios de la Escuela de JavaScript. Es muy importante que antes se tengan conocimientos de HTML, CSS y programación con JavaScript para poder aprovecharlo mejor.

Te invito a seguir la ruta de la escuela para que refuerces ese conocimiento: https://platzi.com/escuela-javascript/

¡Nunca pares de aprender! 💚

Gera Garcia

student•

Oscar, profesor, muchas gracias por semejante curso. Por la simpleza con la que hiciste de cada paso en React sea entretenido y profesional. Hoy en día no me va bien como dev, soy un jr y quiero aprender de todo a la vez, entonces me frustro varias veces y sin poder salir de casa porque pues "cuarentena", pero gracias a este proyecto y a la comunidad Platzi estoy superandome día a día. Seguiré aprendiendo todo lo que pueda y ojalá algún día logre generar el impacto positivo por el cual comencé en programación. Son mucho más que solo una plataforma de aprendizaje en linea. Saludos y un fuerte abrazo a todo el equipo. Desde González Catán, Buenos Aires, Argentina, para todo el mundo. 🌏👋⚡

Fabio Andres Arango Grajales

student•

Excelente Curso gracias Oscar por las explicaciones al grano....

Oscar Barajas Tavares

Team Platzi•

Genial, que bueno que te gusto, ahora a presentar tu examen :D

Gabriel Uviedo

student•

Es un excelente curso y el profesor lo hizo facil de entender, genial!

Oscar Barajas Tavares

Team Platzi•

Me da mucho gusto saber que te ha gustado, a seguir aprendiendo.

Seba Cardoso

student•

Excelente este curso. Me sirvió para repasar muchos conceptos.

Oscar Barajas Tavares

Team Platzi•

Genial, No olvides presentar el examen y continuar con la escuela de JavaScript.

Hebert Yovanny López Castañeda

student•

También me sirvió para repasar muchos conceptos. Disfruté mucho el curso sobre todo por el entusiasmo de Oscar y la claridad con la que emite cada concepto. Se nota claramente que Platzi tiene un gran desarrollador en su equipo.

Daniel Pereira Perez

student•

Fue genial poder repasar muchos conceptos y terminar de comprender para que funcionan los hooks, felicidades al profesor, la forma de hablar y el carisma es algo que hacia falta, no sentia una buena motivación a un curso desde las clases de Leonidas pues la claridad de los profesores es algo que afecta mucho el contenido y la motivación del estudiante, simplemente perfecto. Ahora seguiré con mas hype para el resto de la Escuela de JS

Oscar Barajas Tavares

Team Platzi•

Gracias por tu comentario, a seguir aprendiendo y logrando las metas, cualquier cosa que necesites para tu aprendizaje escríbeme un mensaje privado.

Steven Benjamín Diaz Flores

student•

Gran curso Oscar, muy bueno explicando las cosas, en lo especial me gusto como presentaste los hooks, rápido sencillo y lo mejor de todo fácil de entender.

Oscar Barajas Tavares

Team Platzi•

Hooks es un tema magnifico y me da mucho saber que logre transmitir el conocimiento y ahora puedes aplicarlo.

Prepárate para lo que sigue

¿Qué es React JS?

Aprende qué es React.js

DOM, Virtual DOM y React DOM

Crear una Aplicación con React JS

Create React App y Tipos de Componentes

JSX: JavaScript + HTML

Props: Comunicación entre Componentes

¿Qué son los métodos del ciclo vida?

State - Events

Instalación y configuración de entorno

Agregando compatibilidad con todos los navegadores usando Babel

Configurar un entorno de trabajo profesional

Webpack: Empaquetando nuestros módulos

Webpack Dev Server: Reporte de errores y Cambios en tiempo real

Estilos con SASS

Configuración final: ESLint y Git Ignore

Arquitectura de componentes para Platzi Video

Llevar un diseño de HTML y CSS a React

Estructura del Header

Estilos del Header

Estructura y Estilos del Buscador

Estructura y Estilos de Carousel y Carousel Item

Estructura y Estilos del Footer

Añadiendo imágenes con Webpack

Imports, Variables y Fuentes de Google en Sass

Uso de una API de desarrollo (Fake API)

Creando una Fake API

React Hooks: useEffect y useState

Lectura React Hooks

Conectando la información de la API

Custom Hooks

PropTypes

Usar React Tools

Debuggeando React con React DevTools

Prepárate para lo que sigue