[React] Hilo General - Una librería para atraerlos y atarlos a todos

#361 Te recomiendo que subas el codigo a un https://codesandbox.io/ para poder ver por donde te falla el codigo.

La forma sencilla de hacerlo seria que tu App.jsx tenga el input y le pase a algun componente el valor del input para que este filtre el array de paises.

Si quieres tener los componentes a la misma altura o completamente separados pues vas a tener que tirar de contexto.

#363 Sube el codesandbox y le echo un vistazo.

#364 He editado con el link, puedes verlo con eso no?

#367 Hostia, le paso el setCountry como una referencia no?

#368 Si, con eso te debería de bastar.

Lo del Context que te han comentado, es para ahorrarte pasar referencias cuando tienes muchas capas por el medio.

#369 #370 muchas gracias! Qué manera de obcecarme, dándole mil vueltas a como modificar el input desde otra componente sin siquiera pensar en que podía pasarle directamente la función

#372 No te preocupes, a veces esas cosas pasan ajajaja

#377 He hecho esto, supongo que es a lo que te refieres:

En Countries:

<Button onButtonClick={()=>props.setCountry(countries.name)}></Button>

En Button:

return <button onClick={props.onButtonClick}>Show</button>

#357 Yo estoy empezando a toquetear cosas con Vue ahora, y aunque sea un n00b con ambos, de momento me parece más sencillo y mejor Vue. Aunque con React si toquetee cosas más complicadas y a lo mejor por eso tengo esa sensación.

#361 Me alegro que le estés sacando partido al curso que puse, yo no llegué a hacerlo, merece la pena?

#383 Si te sirve de algo yo he hecho eso xD He cogido un proyecto que ya existía y lo estoy migrando (y mejorando de paso) a react. De esta manera tendré opinión de ambas tecnologías sobre el mismo trabajo (o parecido).

Aunque parezca una tontería, también depende del equipo que te rodee. Si tienes en el equipo gente que diseña y maqueta (en HTML), no los metería a tocar React (aunque los metería sin problema a Vue, ya que la parte de HTML la pueden tocar libremente).

Ahora bien, si estás tu solo, pues aprovecha y toca React por tener nociones de otra tecnología más y luego poder elegir la que más te guste xD

EDIT:

Por cierto, en base a esto, alguien sabe o usa alguna librería que haga eso? ( Pasar HTML a JSX directamente)

Buscando en google he encontrado esta: https://github.com/reactjs/react-magic pero hace año y pico que no se actualiza xD

#385 Me refería a HTML normal, y que react (o un plugin de este) tuviera un "parse" automático: cambiar los class por className, entrecerrar los estilos inline entre {{}}, cerrar los tags que no tienen contenido...

Cositas asi xD

La idea era que una persona que no tenga ni puta idea de react o javascript en general, simplemente toque un archivo HTML externo y, desde react, lo importe y lo utilice para devolver el componente.

De todas formas, todo el tema de propiedades y atributos y tal sería bastante dificil de utilizar despues, asi que supongo que no existe xD

Que eso vale para la gente que conozca React xDDD

Pensad en alguien que SOLO haga HTMLs y CSS xD

#389 Si, justo eso pero que lo haga un plugin de react xDD

import React from "react";
import TemplateHTML from 'mi-template-random.html';

export default function miComponenteMagico = () => {
    return html2jsx(TemplateHTML) ;
}

EDIT: Al final me lo acabaré haciendo yo xD