Simulación de Entrevista #1: React Developer

Visita mis cursos en Udemy
www.udemy.com/user/juan-jose-...
Twitter
/ juan_deltoro2
Instagram
/ juanortizdt
Facebook
/ juanjoseodeltoro
Inicio 0:00
Entrevista 1:10
Conclusiones 48:06

[@alanshalem8633]

00:07:15 Dom 00:08:20 Accesibilidad 00:08:50 Implementar estilos en sitio web 00:09:25 bem 00:10:00 preprocesadores de css 00:11:50 pixel perfect JAVASCRIPT 00:13:10 variables en javascript var - let - const 00:15:10 hoisting 00:16:00 arrow functions 00:17:00 functiones tradicionales 00:17:30 scope (ambito) 00:19:10 closure 00:19:30 callbacks 00:20:30 promises 00:21:30 async-await 00:22:45 se puede utilizar el await fuera de una funcion? 00:23:25 IIFE expresion de funcion ejecutada inmediatamente (immediately invoked function expression) 00:23:40 Clases - herencia por prototipo REACT 00:25:20 Que es React.JS? 00:27:12 Virtual dom 00:27:45 Algoritmo de Diferenciacion 00:28:00 props vs state 00:29:00 cuando elijo prop vs state 00:30:00 useEffect(callback, array de dependencias), componentdidmount, componentwillunmount, etc 00:32:39 futuro de React 00:37:11 Ejercicio react 00:45:00 key en listas

[@nicobarros7541]

Anclen este comentario!

[@julitobios]

siii me fue de utilidad gracias

[@fedeinternet1]

Buenisimo, gracias

[@fernandocamacho5365]

Muchas gracias!!!

[@sergiomartinez8752]

Gracias 😊

[@sebastiantorres783]

Hace 3 días tuve mi primer entrevista para un puesto de front end jr, y las preguntas fueron muy similares. Excelente video de mucha ayuda a los que estamos buscando nuestro primer empleo como desarrolladores.

[@rafaelhernandezpompeyo7180]

Te hicieron preguntas en ingles? Si es asi, podras decir cuales fueron? Por favor, yo tengo una entrevista en unos dias.

[@sebastiantorres783]

@@rafaelhernandezpompeyo7180 no, la posición para la que apliqué era 100% en español.

[@ramonchancay9614]

Tuve una entrevista larguísima con una empresa de LATAM, cuando entré me encontré con una tonelada de código legacy. Hace poco empeze en una empresa de Los Ángeles, 10 minutos dos preguntas puntuales y ya estoy adentro ganando el triple que en la de LATAM.

[@agustinaluz963]

Bien ahiii, cual es la empresa? De casualidad siguen buscando dev front end jr?

[@josenegrin]

Felicidades bro!

[@mcbelme92]

aca en latinoamerica son muy exigentes pero el sueldo es bajisimo a mi me toco alguien que pedia react mas figma con ingles avanzado tamb ien que usara adobe XD y practicamente todo lo tenia menos el ingles avanzado por $ 15 no me quede :(

[@danielaguzman3230]

Hola... que preguntas te realizaron? pdt: FELICITACIONES!!!

[@CriptoLeaks]

Es verdad, las empresas de LATAM son una bosta.

[@josemunozlopez4841]

Muy buena iniciativa, me gustaría saber si pudieras entregarnos una explicación de que conocimientos debe tener un junior, mid y senior para saber que es lo que le falta a uno para poder avanzar de rango a nivel de conocimientos. Saludos desde Chile

[@alankrug3993]

Increible para repasar conceptos y volver a profundizar

[@josenegrin]

Brutal iniciativa y brutal video.

[@bernardozelaya2685]

Juan, me encanto la entrevista..te juro que todas las preguntas sirven y el ejercicio técnico esta MUY bueno, muchisimas gracias por proporcionar estas simulaciones. Es muy muy real. Gracias !!!

[@NPicotto]

Que buen video! Muy útil para los que arrancamos hace poco.

[@cardenat]

Excelente video Juan, muy interesante para repasar conceptos. Te felicito, espero que sigas haciendo este tipo de videos. Gracias.

[@giovannivoltaproxy]

Muy buen contenido amigo, hay muchos temas que uno puede salir a investigar

[@luisangelmendozachate]

Muchas gracias compañero, me sirvió cada una de las 3 partes, sobre todo el feedback

[@parkin09kinder]

Excelentes preguntas, sirve para estudiarlas ya que son muy comunes Graciass por compartir!

[@markosmk]

Que buen video!! 100 puntos!! Nos da una idea en que enforcarnos y como expresarnos en las respuestas, el entrevistado comentaba que siempre utiliza async y await pero no lo hizo con el fetch en la practica sino que utilizo then para resolver la promesa ✌️

[@justinlu5730]

Uff, super util. Muy buen entrevistador y muy buen entrevistado.

[@fedeinternet1]

Tremendamente util!!! Me sirvio un monton para ponerme en contexto. Muchas Gracias. Siguiendo.

[@tomasferro6151]

que buena entrevista, la estoy disfrutando muchisimo, esta muy bien ejecutada por ambos

[@MetallikoHermetiko]

Me encantó este video, muy interesante

[@alansoto1078]

Buen video juan.

[@gladmarmotaweeex7979]

Cada definición que ni yo mismo había escuchado la busqué, vi videos y ejemplos por aparte, PEDAZO de video que me ayudó un montón para mi entrevista...este video dura 1hr y a mi me tardó 5 por estar pausándolo por lo ya mencionado.

[@zwwx2142]

Estoy iniciando en la programación voy por esa 💪😎

[@Martin-kd2rf]

Me puse hasta nervioso... aun no tuve entrevistas pero duro.. muy buen video.

[@joannarvaez4891]

Gracias Sr Juan estoy estudiando y me ayudo mucho este video

[@moro.s]

exelente muchas gracias! estoy proximo a buscar empleo y me sirve mucho

[@matiasvadala52]

Un tipazo Cesar, ojalá lo hayan contratado :)

[@isaacarias7561]

Muy buena entrevista me estoy preparando para una vacante como desarrollador Frontend y necesitaba tener una idea de que es lo que preguntan para una vacante en React JS

[@sergiovalp]

buenísimo! vale oro para quienes están buscando trabajo. Muy buena idea hacer este tipo de videos. La realidad misma.

[@blackjack4482]

1:02:02 “Disfrutar el proceso y confiar en nuestro conocimiento” ✍️

[@haroldpinedaruiz6782]

Ufff que nivel de video. Que buena preparacion para una entrevista tecnica. Mil gracias

[@ZzZz-dr7uq]

esto si que esta bueinisimo :D

[@joelleon8712]

Juan Jose Ortiz, lo del pixel perfect es un tema muy anbiguo, ya que es utilizado por los diseñadores y no tanto por lo desarrolladores, ya que a ellos esto si les funciona pero no asi a los desarrolladores ya que cuando tomas el pixel perfect como medida para tu aplicacion el pixel perfect te funcionara bien para ciertas resoluciones pero no para todas y en varios proyectos me he encotrado problemas con esto del pixel perfect, ya que toman el pixel perfect desde la resolucion en que el diseñador hizo su arte y lo adaptan asi en la parte de desarrollo, siendo un problema a la hora del responsiveness, es mejor trabajar con medidas relativas o con flexbox. Lo de react acerca de si es libreria o no tambien es algo ambiguo ya que bajo los conceptos de que es un framework react tambien se encaja a lo que es un framework a pesar de que se dice que react es libreria (creo que ahi deberias pedirle mas contexto del por que lo ven asi y no siento que eso sea una bandera roja al fin y al cabo a la hora de programar eso no tiene ninguna relevancia )

[@diegofuentes425]

Tome nota para mi siguiente entrevista 👀

[@jonasromanespaillat9566]

Excelente Entrevista

[@lautarorodriguez5912]

Muy bueno, gracias por brindarnos esta simulación que para personas que aun no han tenido una entrevista técnica, esto vale oro! Mas que suscrito!

[@jeremiasmenacho5997]

Gran video

[@frandepaulo]

Gracias por estas entrevistas, ayudan mucho! Me parecio un raro que no hayan hablado de redux hehe

[@tomasponce9409]

Hola Juanjo, excelente video, muchas gracias por compartir este tipo de contenido que suma muchísimo para quienes recién arrancamos. Quería sumar algo, sin animo de spamear y hacer publicidad a otro canal, pero para quienes quieran ahondar un poco en el tema de clases y prototipos, hay un video del canal "La cocina del código" que lo explica de forma sencilla y a mi me ayudó bastante xD Sin mas, te vuelvo a agradecer Juanjo! nuevo suscriptor acá!

[@Bertoos8]

Buen vídeo. Estaria bien que para la próxima vez se pueda visualizar un poco más grande el código que se pica. Así será más fácil de acompañar los tests.

[@jonathancardenas5528]

Excelente. Estoy empezando con react y queria saber si al menos llego al nivel junior. Agradecido

[@asbeldev3071]

Genial

[@expresstutorial3255]

Minuto 47 Me parece algo muy importante saber eso, para cuestiones del rendimiento

[@leonelfressi]

muchas gracias!

[@asrockriel]

Que opinas de la web ? Yo la he usado pero actualmente estoy más enfocado en React.

[@sayaskye]

Yo hace proco presente una entrevista para frontend react jr y me preguntaron hasta de docker... xD un jr deberia saber a estas alturas cosas sobre testing? en los directos hacias mucho enfasis en eso, pero no le preguntaste nada al respecto, asi que me quede don la duda jeje

[@matifiordelli3886]

Muy bueno

[@gab2050]

Para tener un año en front end dijo sabe un montón 😮

[@rodsilva6927]

Creo que el entrevistado cree q sabe mas de lo q sabe en realidad para catalogarse como junior advanced. Pero por lo demas excelente video. Es un de los pocos canales con contenidos como este

[@hergoro84]

Sentí lo mismo, y hay algunas respuestas que no están del todo bien (no lo veo mal, pero es justamente un ejemplo de una entrevista, no es la biblia del programador)... mas que un junior advanced siento que es un trainee casi junior. Esta claro que aun esta aprendiendo. Un ssr pide tener al menos 3 años de experiencia, y habla que trabaja profesionalmente hace menos de 1 año. Al año/ año y medio de experiencia serias junior... no es algo establecido, pero la experiencia es lo que mas conocimiento te termina dando, y lo que va a terminar definiendo tu seniority.

[@faustovii1085]

Yo lo noté a la hora de formular las respuestas. Muy trabado y si bien lo que dice esta bien, había explicaciones que podrían ser más contundentes y claras

[@eduardomezagallardo2321]

Haz una de un nivel más avanzado. Buen contenido!

[@luchodomizi]

Tengo una entrevista en ésta semana, dios quiera que el entrevistador sea tan capo como vos Juan! jaja

[@JuanOrtizDev]

Haha saludos lucho! Mucho exito en tu entrevista y gracias por ver el video

[@nahueljj]

cuentanos como te fue y que te preguntaron

[@RapidsLoader]

lo mataron

[@Alexboianelli]

jajajaja

[@emaaadelgado]

Me suscribo! excelente simulacion! podrias sacar mas videos de este estilo? especificamente orientados a React y JavaScript! Saludos !

[@signolivideos]

en react utilizo arrow functions porque las guardo en constantes y a diferencia de usar function este se puede modificar

[@MiguelRodriguez-hi7gw]

Ese es mi mentor

[@francovedia5584]

gracias.

[@ricardotrejoruiz5776]

funciones flecha son las lambda?

[@faranight1865]

A mi me preguntaron cuál era el ciclo de vida de un componente en React (soy trainee, ando a full con la práctica y me cagué en esa pregunta teórica xD)

[@faustovii1085]

suena complejo pero es una boludez

[@chinooox01]

​@@faustovii1085cual es ? Jaja

[@ZzZz-dr7uq]

Ahora que lo veo, no le preguntaste nada sobre cors, No crees que sea necesario algo de conocimiento en eso?

[@gpolancodev]

Hay que aprender a responder solo lo que te preguntan. Si te preguntan la diferencia entre var y let. NO RESPONDAS OTRA CASA, Responde justo lo que te preguntan. No termines hablando de clousure o histing, es innecesario y estás dando pie a que sigan preguntándote sobre temas que has sacado tú y quizás no tenía pensado preguntarte.

[@oscargm1979]

toda la razón

[@MarcoAntonio-dm8yn]

Entonces consideras que es mejor dar la respuesta lo mas precisa y entendible? Pregunto porque em algunas entrevistas puntúan cuanto hablas.

[@josedejesuslopezdiaz]

ahi te va la mas dificil en front: como resuelvo un error de CORS en produccion que nunca se habia presantado hasta ahora ?

[@oscargm1979]

fácil: dejandolo para otro

[@keyberthrengel1087]

Me parece interesante estas entrevistas, me gustaria saber si es posible participar en alguna de ellas

[@JuanOrtizDev]

Claro que si, escribeme en twitter amigo y nos ponemos de acuerdo

[@jhoansebastian1358]

Hazme una entrevista a mi ajaj :)

[@ASOCMARCTKD]

Ahora en Inglés !!!

[@miguel900030]

Tan extremandamente facil es la parte del ejercicio? Se me hace muy fantasioso que para entrar como desarrollador react solo te pidan llamar a una api y renderizar una lista, o la facilidad del ejercicio fue solo para fines practicos del video?

[@esneiderherrera7441]

En realidad lo que evaluaron fue la capacidad de escribir sin buscar codigo. Aca el 90% de las personas falla.

[@erikguillen6599]

Sí hace poco hice un test y eao fue lo que me pidieron hacer

[@elliberalismolibertari3897]

De angular tienes?, pues ya react he trabajo por más de 3 años, pero me aburrio su falta de orden, reactive programming, estandar, fallos de memoria...

[@antiimbeciles6892]

Entonces es mejor angular? Y que piensas de vue?

[@CosmeValera]

37:11

[@camiloandresalvarezavila5837]

¿como se llama el algoritmo que se usa para el tema de las actualizaciones en react?

[@marcosMartinez-wm7bd]

X2

[@luisvelasquez9911]

X3

[@luisvasquez3083]

Se llama algoritmo de reconciliación, en la documentación oficial te lo explican en detalle

[@jaimeirazabal]

cual es el promedio de sueldo por pasar una entrevista como esta? en USD. gracias

[@JuanOrtizDev]

Depende mucho de la empresa. Te podria decir que he visto vacantes en mi pais desde 2000 a 4000 usd por mes. Pero directo con el cliente, hasta 5000

[@nahueljj]

@@JuanOrtizDev wtf y yo pidiendo 1,348 dolares para entrar de junior.

[@betteroffdeadd]

Depende mucho del país. En Argentina menos de USD 700/mes.

[@henry-do9bl]

olv se parece un monton a hitboxking

[@juancarlosmaciasnajera4946]

Nada mas como comentario en general y sin animos de ofender, no se vallan por todo lo que responde este cuate por que hay respuestas que si estan aveces medio ambiguas o mal y vallan a responder asi en una entrevista, aunque el ejercicio esta muy bueno

[@elargento1]

Sin animos de ofender, 'valla' y 'cuate' no son palabras dignas de una entrevista. Espero no escribas en una entrevista asi. Por cierto, se escribe 'vayan'. Te sugiero ser mas empatico.

[@devnorth]

Nos es que yo sea un crack pero me parecio recontra junior el entrevistado ...😕

[@lukasahiasmoyano2673]

Es argentino verdad?!jeje por qué cada vez que entra a hablar dice "un par "

[@manuelscott9078]

sí

[@oscarvarela4196]

En sus respuestas se nota que tan jr es dice al inicio que se considera md y no toca ni redux cuando le preguntan del this

[@manuelscott9078]

10 meses y ya se considera junior advanced? mmm medio raro

[@bawual9223]

Falta claridad sobretodo con la dif de props y state

[@mayamamaicez9327]

Parpadea una banda un miedo me da XD

[@Tinchoas19]

Realmente pensas que porque una persona no sabe que React es una libreria en lugar de un framework asumis que no tiene conocimiento del lenguaje? Es una lastima que pienses ese tipo de cosas. Por entrevistadores como vos muchos desarrolladores con ganas y mucho conocimiento no ingresan a los puestos. Para la gente: estudien la teoria para las entrevistas, pero en la practica van codear y nadie les va a preguntar si es una libreria o un framework o como funciona por atras o cual es la ultima actualizacion. Eso solo piden personas que ya tienen trabajo y no tienen empatia con el entrevistado. Saludos a la comunidad.

[@christianirack]

Honestamente, es muy común este tipo de entrevistas, más de lo que parece. Y creo que en realidad no son efectivas este tipo de preguntas de documentación, me parece que son una forma pobre de ver realmente los skills del candidato, además de que son en su mayoría cliché. Es un error usual que comenten los leads que son demasiado técnicos y de libro. Promesas, variables, callbacks, eventloop...

[@hirammataavila6883]

sin ningun hook se hubiera podido, no?

[@miguelolarte1889]

15:20 esta mas perdido que un moco en una oreja