midudev / preguntas-entrevista-react Goto Github PK

Me parece increible que no esten estas 2 preguntas tan elementales. Para alguien como yo que soy principiante >:(

¿Cómo se instala React?????
¿Cómo se incia un nuevo proyecto en React????????

hola
muy buenas las preguntas y respuestas, solo como sugerencia para la reactjs.wiki, añade la posibilidad de saltar a las preguntas siguiente y anterior, para no tener que devolverte a la pagina principal.

Salu2

En la pregunta: "¿Se puede inicializar un estado con el valor de una prop? ¿Qué pasa si lo haces y qué hay que tener en cuenta?"

En el 6to párrafo (antes del segundo ejemplo de código) hay un error que dice:
"... es una buena práctica es añadir el prefijo de initial ...."

Sugiero que se debe eliminar la segunda palabra "es" que está entre "práctica" y "añadir".

Propongo la creación de una funcionalidad que permita guardar en el LocalStorage del lector marcar las preguntas que lleva leídas, con la finalidad de que haga un seguimiento de cuantas preguntas existen y cuantas ya ha completado.

En este primer issue pretendo agregar solo la funcionalidad de marcar como leídas y agregar en la cabecera cuantas a leído

Hace falta marcar que preguntas están leídas y cuales no.

¿como cambio el puerto donde se renderizan mis componentes?
¿Se pueden renderizar varias paginas desde un mismo proyecto? o ¿como renderizo un sitio web con react?

Esta es una pregunta que me hizo un amigo con muchos años de experiencia en React, es valida?

En las entrevistas también se pueden presentar retos de código como los que hizo midudev en su simulacro de prueba técnica.
Un ejemplo podría ser:

Obtener y mostrar países de una API

Dada la API Rest Countries obtener todos los países y mostrar los 10 primeros en tarjetas con la imagen de la bandera a la izquierda y el nombre, región y capital a la derecha. Las tarjetas deben tener su propio componente y ser responsivas.

En un principio pensé en hacer una pull request con esta sección y algunos retos pero es mejor discutir si agregarla o no. Vi que estaba la sección Errores Típicos en React por lo que no veo problema para agregar esta categoría.

Estaría bien agregar un modo oscuro a la web. Con el típico interruptor para elegir dark o ligth.

En la respuesta a la pregunta:
https://github.com/midudev/preguntas-entrevista-react#qu%C3%A9-es-el-renderizado-de-listas-en-react, dice "El componente List recibe una prop ítems que es un array de strings.", mirando el código, en la prop key del li, se muestra <li key={item.id}>{item}</li>, me generó la duda si hay un error por lo que se estaría accediendo a una propiedad que no tiene el item(item.id) ya que es un array de string. Tengo entendido que el valor de key no podría ser tampoco <li key={item}>{item}</li> por lo que debería ser única y React estaría arrojando un warning porque puede haber 2 ítem con el mismo valor y por lo tanto React no tendría esa referencia entre renderizado.

Me gustaria saber como funcionan los dos componentes y si podria haber una explicacion en codigo acerca de como diferenciarlos, es que ambos se me dificultan bastante y apenas estoy comenzando.

La etiqueta en las preguntas de nivel experto dicen Principiante

I propose to make a screen that allows to list all the questions differentiated with some mark the read from the unread and that would be like a guide of how much content I need to consume.

En la pregunta "¿Qué es React?", dice ."..la interfaz se divide en componentes independientes, que contienen su propio estado.", pero no necesariamente los componentes tienen su "propio estado".

¡Buenas!

Estaba revisando la React wiki y me di cuenta que, a mi forma de verlo y por la propia definición que se encuentra en la wiki, creo que hay algunas preguntas que hacen un uso incorrecto de la palabra componente por usarla como sinónimo de elemento lo que puede llevar a confusiones.

Las preguntas son:

• ¿Cómo puedes aplicar clases CSS a un componente en React y por qué no se puede usar class?
• ¿Cómo puedes aplicar estilos en línea a un componente en React?
• ¿Cómo puedo aplicar estilos de forma condicional a un componente en React?
• ¿Cómo añadir un evento a un componente en React?

Lo que sucede es que indican cómo aplicar clases CSS / estilos en línea / estilos en forma condicional / eventos a un componente de React cuando en realidad estas características se aplican a elementos de React.

// Aplicando características sobre un elemento ✅
export function App() {
  return (
    <h1 className='title'>Hello React Wiki!</h1>
  );
}

import { Title } from './Title.jsx';

// Aplicando características sobre un componente ❌
export function App() {
  return (
    <Title className='title'>Hello React Wiki!</Title>
  );
}

Al menos a mí me confundió al principio. Sin embargo, soy nuevo con React así que en vez de mandar una PR con las modificaciones quería consultar si esto es correcto o soy yo quien no está viendo algo.

que es React router dom?

You need to change on this line (https://github.com/midudev/preguntas-entrevista-react#c%C3%B3mo-se-transforma-el-jsx) this:

https://babeljs.io/repl/#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&corejs=3.21&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABACQKYBt10QCgJSIDeAUIogE6pQjlIA8AFgIwB8yc6AhogLLgAm2QLwbgaR3APBuBYfYCEdAPTMWxAL5A&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env%2Creact%2Cstage-2&prettier=false&targets=&version=7.19.5&externalPlugins=&assumptions=%7B%7D

for this:

https://babeljs.io/repl#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&corejs=3.21&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABACQKYBt10QCgJSIDeAUIogE6pQjlIA8AFgIwB8yc6AhogLLgAm2QLwbgaR3APBuBYfYCEdAPTMWxAL5A&debug=false&forceAllTransforms=false&modules=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=env%2Creact%2Cstage-2&prettier=false&targets=&version=7.21.8&externalPlugins=&assumptions=%7B%7D

Preguntas de react

Al momento de presionar en Marcar leído en una pregunta, no se actualiza el estado del contador superior que indica las preguntas ya leídas, si no, que hay que refrescar la página para que suceda.