C贸mo aprender React.js

1/23
Recursos

Un desarrollador Frontend, es el encargado de darle al usuario una experiencia limpia y amigable. Para esto debe dominar artes sagradas como lo son HTML, CSS y JavaScript, principalmente JavaScript.

Para lograr una buena carta de presentaci贸n de nuestra aplicaci贸n web tenemos a React.js quien es una de las herramientas m谩s poderosas que tenemos actualmente para poder manipular tanto CCS como HTML desde JavaScript.

React.js nos permite trabajar de una manera r谩pida y limpia, s铆, pero para poder usarlo y explotar todo su poder, debemos tener conocimientos previos. React.js no es una puerta de entrada al mundo de Frontend, m谩s bien es esa manera de coronar todo un camino de logros y aprendizajes.

Te recomendamos empezar con el mundo de React.js cuando ya tienes conocimientos de HTML, CSS, DOM, maquetaci贸n, asincronismos y conocimientos b谩sicos de lo que es un Framework y de las librer铆as de JavaScript.

Un buen desarrollador web no utiliza nada m谩s librer铆as, o nada m谩s Frameworks. Sabe buscar el equilibrio perfecto para poder crear esa experiencia que encante al usuario y le brinde una experiencia r谩pida, elegante e intuitiva. Para llegar a este nivel, debemos tener bien entendidos los diferentes paradigmas, herramientas y conceptos de los Frameworks y las librer铆as de JavaScript.

Bienvenido a esta nueva aventura con React.js, que tu camino sea fortificante y tus conocimientos recompensados.

Aportes 103

Preguntas 10

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Stop bullying a Vue!! Declaro oficialmente inciada mi campa帽a #NoMasBullyingHaciaVuecito
.
Y ya que estamos hablando de Vue鈥 馃憖. Si ya has usado Vue antes, te prometo que este curso se te va a hacer muy facilito ya que tienen algunos conceptos similares como los componentes o el uson de un estado 鈽.
.
React por su parte, hace uso de archivos JS simples, pero gracias herramientas como Webpack podemos usar una sintaxis muy similar a HTML llamada JSX鈥 驴Y saben qui茅n m谩s soporta JSX? 隆As铆 es! Vue 7w7.
.

.
De cualquier forma, React ofrece algunas cuantas funcionalidades interesantes 馃槒 隆Aprendamos React!

he elegido el camino de React.js deseeme mucha suerte

Ahora que vamos a empezar les sugiero empezar a leer la documentaci贸n de ReactJS que la verdad esta buen铆sima y en espa帽ol. Aun as铆 les deseo mucho animo y que no se rindan ante este curso que estar谩 buen铆simo!

Les dejo para que vean el hermoso proyecto que van a hacer en este curso!
Link del proyecto!
Link del repositorio!

Tanto tiempo !! Y al fin llego el d铆a . . .脡xito en su camino de React!! (20/Ago/21)

Simpre habla asi?

React es mucho m谩s libreria que framework, pero ninguna herramienta es 100% framework o librer铆a.
Grabense esto en la cabeza y me agradecen despues

Requisitos para asegurar el dominio de REACT:

  • HTML

  • CSS

  • Javascript

  • ECMAScript 6+

  • Clousures y Scope

  • POO

  • JS Engine

  • Asincronismo

  • Peticiones API

  • Manipulaci贸n del DOM

El profe se llama JuanDC y tiene un saco del Capit谩n Am茅rica鈥
En Fin鈥 la hipocondriaca.
XD

Muchas exp猫ctativas del curso 馃槂

Me encanta la actitud del profesor.

Vengo a repasar conceptos de React en este curso 馃

Me encanta la actitud de juan, se ve que le apasiona lo que hace y me da ganas de seguir aprendiendo con el.

Pregunta de entrevista laboral: 驴React es framework o librer铆a?
Respuesta como candidato top:
鈥淩eact es m谩s librer铆a que framework pero entr茅 m谩s crece m谩s deja de concentrarse en un problema especifico para pasar a ayudarnos a construir todo lo que necesitemos en una aplicaci贸n web. De todas formas React tiene un ecosistema de herramientas que podemos usar para enfrentarnos a cualquier problema en que lo necesitemos.
Por esa capacidad de empezar esencial y volverse en aplicaciones como facebook, Instagram y dem谩s decimos que React es un framework progresivo.鈥

React no es reactivo, que ironia.

Por fin!, estuve esperando este curso (dictado por este profe) como 20 d铆as 馃榾

EXITO A TODOS LOS ESTUDIANTES DE PLATZI QUE SE AVENTURAN EN ESTA MARAVILLOSA LIBRERIA 馃槃

Como aprender React.js

React.js es una librer铆a (pero con las herramientas adecuadas, un framework) de desarrollo de Interfaces de Usuario que mejora la experiencia de desarrollo de los programadores aumentando la calidad del c贸digo y reduciendo el tiempo en el que se logran los objetivos.

Nuestro trabajo como Frontend consiste en tener el mejor:

  • La experiencia del usuario
  • Usabilidad
  • Tiempo de carga
  • Optimizacion
  • Flujo de Navegacion
  • Accesibilidad

Todo esto puede volverse engorroso si usamos js puro, es por eso que usamos react que nos permite cubrir estos puntos sin mayor enfado.

Pero, 驴como lo aprendo?

  • Ten las bases de HTML, CSS Y JAVASCRIPT.

Requisitos espec铆ficos de JS:

  • ECMAScript 6+
  • Clousures y Scope
  • POO
  • JS Engine
  • Asincronismo
  • Peticiones a API
  • Manipular el DOM

Mi estrategia para aprender React:

Aprender primero las bases de HTML, CSS en profundidad, Tener las bases a un nivel b谩sico de JS y intercalar el aprendizaje de React con JS de una manera intercalada.

鈥淓sta es mi opini贸n basada en mis experiencias y traumas pasados鈥 xdd

Yo ahorita trabajo de programador PHP con Laravel y se que Vue se lleva mejor con Laravel, pero la oferta laboral de React es muy grande, aparte una vez que aprenda react, sera mas facil aprender vue, el chiste es no dejar de aprender, Animo! 馃槂

驴Qu茅 es React?

Es una herramienta para crear Interfaces de Usuarios (UI) interactivas, la cual mejora mucho la experiencia de desarrollo (Developer Experience), ya que entre nuestras responsabilidades como desarrolladores est谩 conseguir para los usuarios:

  • El mejor performance
  • Accesibilidad
  • UX
  • Tiempo de carga
  • Flujo de navegaci贸n

Hacer esto con Javascript puro es dif铆cil, por eso utilizamos herramientas como React que nos ayudan a disminuir costos de tiempo y dificultad.

Es una herramienta que se puede considerar m谩s librer铆a que framework pero, al mismo tiempo se puede integrar con otras librer铆as de su ecosistema lo cual aumenta sus capacidades cada vez m谩s.

Objetivos

Como dice la documentaci贸n de React sus principales objetivos son:

  • Ser declarativo: Que podamos ver c贸digo React y entenderlo facil y rapidamente, gracias a la manera que est谩 escrito.
  • Basado en componentes: Todo en React es un componente. Crear componentes nos permite reducir la cantidad de c贸digo duplicado y es una buena forma de trabajar para asegurar escalabilidad.
  • Lear once, write anywhere: React es multiplataforma, lo que quiere decir que con pocos cambios de sintaxis, podr谩s crear aplicaciones en entornos de Dispositivos M贸viles y VR.

Iniciando en React desde cero, veamos s铆 es lo que dicen 馃槂

Me compr茅 la suscripci贸n de Platzi por varias cosas, el 50% de las razones, para ver el curso de React. Y encima est谩 el profe m谩s divertido de todos d谩ndolo jajaj 鉂わ笍

Tengo muchas expectativas con este curso !!!

Aprendiendo React y Vue en paralelo :3

Aqu铆 les dejo un espectacular documental de Vue鈥

Este documental fue recomendado por JuanDC en el Curso de Frameworks y Librer铆as de JavaScript

Les recomiendo tanto el curso como el documental鈥

Despu茅s de eso, vamo鈥 a darle a React.js 鈾

Me encatnta la energ铆a del profe aunq yo no soy master en js pero ahi vamos, tengo algunos proyectos, sin embargo ahora me piden react para un talent fest, asi que aqui vamos, con ganas de seguir aprendiendo 馃槃

Recomendaci贸n para los inexpertos que empiezan con React.

Hace unos meses empec茅 este curso sin saber mucho de javascript y nada de react, lo que ocurri贸 es que me confund铆 mucho, ya no sabia ni lo q estaba viendo.

La mejor decisi贸n fue dejar los cursos de react en platzi enfocarme un poco en javascript, y sobre todo hacer tutoriales de react, aunq no entiendas mucho solo haz lo que hagan en el tutorial, crea algunas apps con tutoriales actuales no tutoriales del 2014 por favor, y poco a poco empezaras a entender react, sus componentes, sus hooks ,etc.
Entonces es recomendable volver aqu铆 y hacer estos cursos que te explicaran a profundidad que son esas cosas que ya mas o menos sabes usar.

porque no vuelven los profesores del pasado , jaja perd贸n no tengo en nada contra el profe aunque me toca tomarme una TILA para verlo jaja

camino de React a lo salvaje, a ver como va :3

Enamorado de React, pero no tanto de angular.

Pueden agregar la siguiente configuraci贸n a su visual studio code, para que emmet les autocomplete HTML dentro de la sintaxis JSX

"emmet.includeLanguages": {
      "javascript": "javascriptreact"
 },

Este es un ejemplo de emmet. Le puede ayudar mucho a escribir codigo mas rapido en react.

React.js siempre me dio miedo, hoy puedo decir que estoy a un paso de aprender y estoy en el lugar indicado !! Platzi i love

A ti que estas leyendo esto: Si estas comenzando con React, no morir谩s en el intento.
La comunidad de ayudara, me ayudo a mi. Te lo digo por experiencia.
Suerte!!

Pd. Si ayuda aprender Vue antes, para ser mas concretos(el estado de los componentes y Vuex) te ayudaran a comprender redux en un futuro. Le entederas a la primera, pero es desicion tuya. Suerte!!

MI estrategia de aprendizaje tambien es que vayan en orden y no desesperan en dedicarle el tiempo necesarios a las bases. Sin embargo, cuando el tiempo no me lo permite y tengo que saltar temas aplic贸 lo siguiente:

  • Leer sobre bases te贸ricas y pr谩cticas de los temas avanzados que pretendo abordar para entender el porque y para que de esos conceptos.

  • Luego realiz贸 pr谩cticas sobre esos tem谩s complejos para entender el c贸mo funcionan.

  • Una vez superados los retos y fuera de presiones de tiempo, regreso un poco **a analizar **que hay detr谩s de lo que hice para comprender bien esos fundamentos y mejorar para pr贸ximos usos.

Momento de aprender ReactJS quetal me va porque Angula me hizo sufrir 馃槩 馃槶. Con muchas ganas y entusiamo a seguir con el gran JuanDC 馃憦 馃檶

Muero de ganas por comenzar!

He elegido la puldora roja, y seguido al conejo a trav茅s del agujero.

Comenzando, nuevamente volviendo a **Platzi **

vengo de VUE, con bastantes ganas de aprender!!!

juan diciendo que no saltes cursos, para evitar dolores de cabeza, y justo eso estoy haciendo,

que reto tan genial se viene.

"Esta es mi opinion basada en toda mi experiencias y traumas del pasado!"
Que grande Juan DC!

Despu茅s de casi seis meses de retomar en el mundo de la tecnolog铆a comenzar茅 a estudiar por fin React.
.
隆Hoy 8/01/22 comienza mi camino al Frontend con toda!

Librer铆as? Venden libros? En espa帽ol se dice 鈥渂iblioteca鈥.

Hace 3 o 4 meses quise hacer este curso con lo aprendido de la universidad, pero habian tantas cosas que no entendia, y tuve que volver al curso intermedio de desarrollo web porque si se necesita un amplio entendimiento de JS y del curso de frameworks. asi que aprendan javascript con el curso intermedio y luego vuelvan, es por su propio bien, sino no entender谩n los t茅rminos ni lo que hace.

Mi primer trabajo como desarrollador web fue con React 鉂わ笍

De los mejores profesores de Platzi. Siempre que inicio un curso y veo que lo dicta JuanDc me da la sensacion de que los temas van a quedar mucho mas claros y comprendidos por su forma de explicar. Vamos con toda a aprender React

Ay este profe me cae tan bien. Es muy f谩cil nunca para de aprender con sus cursos 鉂わ笍

A iniciar con este curso con todo

quiero aprender mucho, al parecer el profe sabe bastante

Promete mucho este curso.

ya vengo usando react casi un a帽o, pero estoy ac谩 repasando y aprendiendo 馃挭

Me encant贸 la intro del curso, fijo me quedo a ver el resto del curso.

驴Qu茅 es React?

React es una herramienta de desarrollo que nos ayuda a construir interfaces, de usuario, pues a pesar de ser muy popular para realizar el Front-end de una Web, la realidad es que se puede utilizar fuera de esa 谩rea, la tecnolog铆a en la que se base es JavaScript, por lo que es fundamental aprenderlo, algunos temas importantes a conocer son

  • JavaScript como lenguaje de programaci贸n. La recomendaci贸n m铆nima a mi parecer seria Programaci贸n Orientada a Objetos.

  • Entender como funciona JavaScript. Me refiero a entender como funciona su motor, de forma que entiendas temas como, Memory heap, call stack, event loop, etc.

  • M茅todos Array. Los m茅todos de los array en JavaScript son muy completos, muchas veces solucionan tareas que si escribi茅ramos de cero nos llevar铆a algo de trabajo y tiempo.

  • El scope y clousure. Entender este tema te da una idea del porqu茅 funciona react, pues ayudara a estar consciente de que podr铆a a estar pasando cuando ocurre alg煤n fallo.

  • Las actualizaciones de ECMAScript. No son obligatorias, pues las funcionalidades que se estandarizaron en la versi贸n 6 son 煤tiles, sin embargo, conocer las que se fueron a帽adiendo, ahorran tiempo o facilitan realizar algunas tareas.

Los temas propuestos anteriormente son suficientes para empezar a nivel b谩sico en react respecto con JavaScript, sin embargo, eso es para la funcionalidad. Pero para lo dem谩s se necesita saber.

HTML. Podr铆as utilizar div para todo, sin embargo, no es lo mejor, eso estar铆a jugando en contra a la hora de que la p谩gina est茅 subida.

CSS. La apariencia importa, pero no para darle una est茅tica art铆stica, sino una est茅tica que haga f谩cil e intuitiva a la interfaz, por lo que ocupas saber CSS para darle ese aspecto que quieres.

Pero para darle un nivel m谩s din谩mico y vivo donde la informaci贸n fluya necesitas saber los siguientes dos temas de JavaScript.

  • Saber del DOM. Todo el contenido de una interfaz se organiza y se estructura a algo llamado Document Object Model, en resumen es una estructura donde se tiene un elemento primario, del cual se desprenden m谩s elementos, y de esos elementos se desprenden m谩s, y la relaciona, siempre es de padres e hijos.
  • Asincronismo. En JavaScript normalmente se trabaja de manera s铆ncrona donde cada tarea se ejecuta despu茅s de otra, con asincronismo se aprende a que una tarea se ejecute sin tener que ocupar ese hilo principal donde se realiza el trabajo s铆ncrono.
  • Peticiones API. La informaci贸n muchas veces no la tenemos disponible en nuestro Front-end, por el motivo de que no es necesario, por eso mediante las API, podemos traer esa informaci贸n que necesita el usuario cuando lo solicita, aunque tambi茅n hay APIS con funcionalidades m谩s complejas que la antes descrita.

Me cae muy bien este profe!

App hecha con Redux Toolkit pueden clonarlo y modificarlo libremente.

Repositorio
App

隆Adquiriendo nuevos aprendizajes! Cada vez me convenzo m谩s de hacer esto y de seguir en el camino del Frontend Developer.

vengo de angular, vamos a ver como nos va.

Empece en platzi hace 6 meses sin saber nada de desarrollo web a pesar de que soy ingeniero de sistemas, nunca nos ense帽aron nada sobre desarrolo web y por esto decidi, luego de unas practica profesionales traumaticas comprar platzi, renunciar a mi empleo y tomar esta aventura de ser desarroladdor web, sin duda alguna fue la mejor decision que tome en mucho tiempo, desde el principio estaba demaciado ansioso por aprender los frameworks y por fin trabajar de esto que realmente es lo que me apasiona como profesional y ahora despues de 6 meses estudiado toda la ruta estoy aqui鈥 apunto de empezar lo que tanto anhelaba, se siente extremadamente bien llegar aqui y ver todo lo que aprendi en este tiempo, se los aseguro que no fue facil pero tambien les aseguro que vale completamente la pena鈥 Nunca pares de aprender 馃挌馃挌馃挌馃挌

Ya lo he decidido y React sera mi primer framework 馃殌馃殌

Desarrolladora o desarrollador se dice profe. Me siento discriminado.

No es un aporte pero la energ铆a del profe es gigante! As铆 dan ganas de seguir!

Muy simpatico y gracioso el profe, le da su toque al curso !!!

Soy yo o parece nestudiante de Hero Academy de Boku no hero Academy?

Hola , recien veo la introduccion y me contagiaste con tu chispa profe !!! Bless

nueva meta aprender React.js

Ya fui a tomar el curso de Frameworks, Web components, casi toda la escuela de JS y otros cursos de POO y back-end con node.js. Platzi por fin me sugiri贸 empezar con React鈥 Estoy muy emocionado!!!

Me encanta React.Js.

Hola mundo, vengo de angular, estoy comenzando con react, des茅enme suerte

Este curso se ve bueno

Inicio de curso epico !! 馃槂

Esta genial la chaqueta del capit谩n america

Bueno a revisar react comencemos

Gracias por las recomendaciones previas para iniciar este curso, considero que es lo mejor!!

comenzando este camino con React 馃槃

Desde hace rato vengo es cuchando React, primer contacto, vamos que vamos

Voy aprobar React 馃槂 Deseeme mucha suerte

Empec茅 por mala suerte con Angular y debo decir que preferiria empezar con React jeje

Vengo a repasar React JS sin el trauma que me caus贸 aprenderlo por primera vez 馃槂

Con toda a seguir aprendiendo React.馃挭鈿涳笍

Lista para hacer este curso XD

Gracias a los traumas del pasado de Juan tenemos estos cursos xD

Ya termin茅 casi todos los cursos de React, y aqui estoy de nuevo viendo lo b谩sico. Aprovechando que renovaron los cursos y segurisimo aprendo algo nuevo 馃槃

Con mucho optimismo a darle.

Iniciando desde 0 con React. Este inicio se ve bien!

Me encant贸 la introducci贸n

Bueno vamo a darle, genial actitud del profe.
Iniciamos nuestro cmino ninja hacia react 馃敟

隆Necesito ese hoodie del Capit谩n Am茅rica en mi vida!

muy bien Captain America

Luego de varios meses por fin tocar茅 React 锛堬季鈭锛锯棌锛夛緣锝

Y bien鈥 Aqu铆 vamos! Una promesa, es una promesa; espero cumplir con el cometido de aprender de esta gran herramienta鈥
Qu茅 buena energ铆a Juan

a mi me encanta la aptitud del profesor, deber铆amos estar as铆 de alegres para aprender algo nuevo!

Vamos a repasar y de seguro se aprende algo nuevo como siempre. Me gusta mucho la aptitud del profesor.

Exito compa帽eros, algo me dice que este curso va a ser grandioso! 馃槃

genial ya urg铆a algo nuevo de react. al parecer todos los demas cursos son de hace 2 a帽os

Hace unos d铆as quise tomar el curso de React pero estaba des-actualizado, ahora por fin podre tomarlo 馃槈

Es hora de aprender de nuevo react. Quiero recuperar las bases aprendidas del curso anterior y ponerlas en practica de nuevo :star2.

Hola Platzi! 驴C贸mo va? Estoy armando una carpeta de Google Docs con la toma de notas de todos los cursos que voy realizando para que entre todos podamos aportar!

Los invito a participar!
https://drive.google.com/drive/folders/1SWGMgTMPbwgasbzcivcpcnIudc2vk_v0?usp=sharing

La verdad React.Js es la peor opci贸n. Hay mejores alternativas. Exigen mucha experiencia (m谩s de 3 a帽os para un junior) para manejar esta librer铆a. Consejo no la aprendan

Que bueno que me avisaste Juan, por que ya iba a tomar el curso de react sin terminarme todo Javascript :3, casi me pongo a sufrir. Gracias Juan y Platzi 馃構

Update de React! Espero poder ver algo de TS por ac谩 : )