React avanzado from Coursera

Aprenda a utilizar conceptos y funciones de React más avanzados, a dominar JSX y a probar sus aplicaciones con confianza.

Examinará diferentes tipos de componentes de React y aprenderá diversas características y cuándo utilizarlos. Analizará enlaces más avanzados y creará los suyos propios. Verá cómo crear formularios con React. Explorará la composición de componentes y nuevos patrones, como los componentes de orden superior y los accesorios de renderizado. Creará una aplicación web que consume datos de la API y se familiarizará con las integraciones, herramientas y técnicas de prueba de marco React más utilizadas.

Al final de este curso, podrá:

• Renderizar listas y componentes de manera eficiente en React.

• Elevar estados compartidos cuando diversos componentes requieren de datos actualizados.

• Utilizar el contexto de React para compartir el estado global de un árbol de componentes.

• Obtener datos de un servidor remoto.

• Utilizar enlaces avanzados en React, y ponerlos en uso dentro de su aplicación.

• Crear sus propios enlaces personalizados.

• Entender JSX en profundidad.

• Adoptar técnicas de composición de componentes.

• Utilizar patrones avanzados para encapsular comportamientos comunes a través de los componentes de orden superior y los accesorios de renderizado.

• Probar sus componentes React.

• Construir un portafolio utilizando React.

Obtendrá experiencia con las siguientes herramientas y software:

• React.js

• JSX

• React

• HTML, CSS, y JavaScript

• VSCode

Podrá aprovechar el potencial de este curso para desarrollar nuevas habilidades, mejorar la productividad, actuar eficazmente con datos e impulsar su carrera.

Para realizar este curso, debe comprender los conceptos básicos de React, HTML, CSS y JavaScript. ¡Además, siempre ayuda a tener una actitud positiva!

What's inside

Syllabus

Componentes

Aprenda a renderizar componentes de listas y formularios de forma eficiente en React, y aprenda a levantar un estado compartido cuando varios componentes necesitan los datos actualizados.

Enlaces de React y enlaces personalizados

Aprenda a utilizar todos los enlaces comunes en React, y cómo ponerlos en uso dentro de su aplicación. A continuación, construya sus propios enlaces personalizados.

JSX y pruebas

Comprender JSX en profundidad y descubrir patrones avanzados para encapsular comportamientos comunes mediante componentes de orden superior y propiedades de renderización. A continuación, aprenda a probar y depurar su aplicación.

Proyecto final

En este módulo, se evaluarán las competencias clave tratadas en el curso y se creará un proyecto para añadir a su carpeta de trabajos.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Profundiza en conceptos avanzados de React y componentes de orden superior, lo que fortalece los cimientos de los estudiantes intermedios

Desarrolla habilidades profesionales en pruebas de React, lo que es fundamental para el éxito en la industria

Enseña JSX en profundidad, lo que proporciona una base sólida para comprender la sintaxis de React

Requiere conocimientos previos de React, HTML, CSS y JavaScript, lo que puede ser una barrera para los principiantes

Cubre técnicas de composición de componentes, que son esenciales para crear aplicaciones React eficientes y mantenibles

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React avanzado with these activities:

Crea una colección de recursos de React

Show steps

Recopilar y organizar recursos de React te ayudará a acceder fácilmente a información y herramientas valiosas.

Browse courses on React

Show steps

Busca en línea recursos de React, como tutoriales, documentación y artículos de blog
Organiza los recursos en un documento o herramienta, como Notion o Trello
Comparte tu colección con otros alumnos o desarrolladores de React

Forma un grupo de estudio con otros estudiantes

Show steps

Colabora con tus compañeros para discutir conceptos, resolver problemas y reforzar tu comprensión.

Browse courses on React

Show steps

Encuentra otros estudiantes que también estén cursando el curso
Crea un grupo de estudio y fija un horario
Revisa el material del curso juntos, discute problemas y comparte ideas

Completa desafíos de codificación relacionados con React

Show steps

Resolver desafíos de codificación te ayudará a mejorar tus habilidades de programación y a pensar como un desarrollador de React.

Browse courses on React

Show steps

Busca desafíos de codificación en línea o en plataformas como LeetCode
Selecciona desafíos de codificación que estén relacionados con los conceptos de React que estás aprendiendo
Intenta resolver los desafíos por ti mismo
Compara tus soluciones con las soluciones de otros o con el código proporcionado

Three other activities

Expand to see all activities and additional details

Show all six activities

Crea tu propia aplicación React

Show steps

Construye una aplicación React desde cero para practicar y consolidar tus habilidades en React.

Browse courses on React

Show steps

Elige una idea para tu aplicación
Crea un nuevo proyecto React
Implementa las características y funcionalidades principales
Diseña y estiliza tu interfaz de usuario
Prueba y depura tu aplicación

Crea un blog o un vídeo explicando un concepto avanzado de React

Show steps

Enseñar un concepto avanzado de React a otros te ayudará a comprenderlo más profundamente y consolidar tu dominio.

Show steps

Elige un concepto avanzado de React que quieras enseñar
Investiga y recopila información sobre el concepto
Crea un esquema o guión para tu blog o vídeo
Escribe o graba tu explicación
Revisa y edita tu contenido

Contribuye a proyectos de React de código abierto

Show steps

Contribuir a proyectos de código abierto te permitirá colaborar con otros desarrolladores, aprender de su código y mejorar tus habilidades.

Browse courses on React

Show steps

Busca proyectos de React de código abierto en plataformas como GitHub
Identifica una tarea o función en la que puedas contribuir
Lee la documentación del proyecto y haz un fork
Implementa tu contribución y envía una solicitud de extracción
Revisa los comentarios y realiza los cambios necesarios

Career center

Learners who complete React avanzado will develop knowledge and skills that may be useful to these careers:

React Developer

The React Avanzado course is an excellent choice for someone who wants to become a React Developer. The course covers advanced topics such as component composition and testing, which are essential for building robust and scalable React applications. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for React Developer

JavaScript Developer

The React Avanzado course is a great choice for someone who wants to become a JavaScript Developer. The course covers advanced topics such as JSX and component composition, which are essential for building robust and scalable JavaScript applications. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for JavaScript Developer

Web Developer

The React Avanzado course is a great choice for someone who wants to become a Web Developer. The course covers advanced topics such as JSX and component composition, which are essential for building visually appealing and user-friendly web pages. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Web Developer

Front-End Web Developer

The React Avanzado course is a great choice for someone who wants to become a Front-End Web Developer. The course covers advanced topics such as JSX and component composition, which are essential for building visually appealing and user-friendly web pages. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Front-End Web Developer

Front-End Engineer

The React Avanzado course can be very useful for someone who wants to become a Front-End Engineer. The course covers advanced concepts such as component composition and testing, which are essential for building robust and scalable web applications. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Front-End Engineer

User Interface (UI) Designer

The React Avanzado course is a great choice for aspiring User Interface (UI) Designers. The course covers advanced topics such as JSX and component composition, which are essential for creating visually appealing and user-friendly interfaces. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for User Interface (UI) Designer

Web Designer

The React Avanzado course may be helpful for someone who wants to become a Web Designer. While the course focuses on front-end development, it also covers topics such as JSX and component composition, which are essential for building visually appealing and user-friendly web pages. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Web Designer

Full-Stack Developer

The React Avanzado course may be helpful for someone who wants to become a Full-Stack Developer. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for building full-stack web applications. Additionally, the course covers advanced concepts such as component composition and testing, which are essential for building robust and scalable web applications.

See salaries and explore the career path for Full-Stack Developer

Quality Assurance (QA) Tester

The React Avanzado course may be helpful for someone who wants to become a Quality Assurance (QA) Tester. While the course focuses on front-end development, it also covers topics such as component composition and testing, which are essential for testing the functionality and usability of web applications. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Quality Assurance (QA) Tester

Software Engineer

The React Avanzado course may be helpful for someone who wants to become a Software Engineer. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for building software applications. Additionally, the course covers advanced concepts such as component composition and testing, which are essential for building robust and scalable software applications.

See salaries and explore the career path for Software Engineer

Technical Writer

The React Avanzado course may be helpful for someone who wants to become a Technical Writer. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for understanding the technical aspects of software development. Additionally, the course covers topics such as component composition and testing, which are essential for writing clear and concise technical documentation.

See salaries and explore the career path for Technical Writer

Software Architect

The React Avanzado course may be helpful for someone who wants to become a Software Architect. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for building software applications. Additionally, the course covers advanced concepts such as component composition and testing, which are essential for building robust and scalable software applications.

See salaries and explore the career path for Software Architect

Project Manager

The React Avanzado course may be helpful for someone who wants to become a Project Manager. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for understanding the technical aspects of software development. Additionally, the course covers topics such as component composition and testing, which are essential for managing the development and delivery of software projects.

See salaries and explore the career path for Project Manager

Instructional Designer

The React Avanzado course may be helpful for someone who wants to become an Instructional Designer. While the course focuses on front-end development, it also covers topics such as component composition and testing, which are essential for creating effective and engaging online learning experiences. Additionally, the course provides hands-on experience with React, a popular JavaScript library for building user interfaces.

See salaries and explore the career path for Instructional Designer

Product Manager

The React Avanzado course may be helpful for someone who wants to become a Product Manager. While the course focuses on front-end development, it also provides a solid foundation in JavaScript and HTML, which are essential for understanding the technical aspects of product development. Additionally, the course covers topics such as component composition and testing, which are essential for building robust and scalable products.

See salaries and explore the career path for Product Manager