#689 yo estoy esperando a ver si sale Rectal.
Cabron, ya solo haces starter templates, yo ya pasé por esa época.
Por cierto a mi me gusta mas esta manera de usar Tailwind: https://tailwindcss.com/docs/extracting-components
Lo de seguir haciendo clases y el @apply me parece un engorro.
#694 A mi no. Ese ejemplo es sencillamente crear componentes, como ya haces siempre en React/X, y seguir poniendo inline clases.
Css-Modules para mi le quita todo lo malo (ruido, ilegible) de Tailwind y se queda solo lo bueno. En un .css puedes poner saltos de linea, puedes poner separado por estados .title:hover {}. Puedes tirar de selectores para algunos casos .grid > *. Y puedes mezclar en una misma clase tailwind y css normal, cosa que es rara, pues tailwind con JIT te permite hacer de todo: mt-[calc(100%-1.5rem)] === margin-top: calc(100% - 1.5rem), pero aun asi hay casos de edge cases que tienes que tirar de css puro si o si.
https://github.com/jvidalv/nextal/blob/main/components/atoms/button/button.module.css
Igual de "ilegible" que lo otro, no?
#696 Up to you, a mi no me lo parece tanto.
<div className="max-w-7xl mx-auto space-y-6">
<button className="w-full flex-none bg-gradient-to-br from-purple-600 to-blue-600 text-white text-lg leading-6 font-semibold py-3 px-6 rounded-xl transition-all duration-200 sm:w-auto hover:translate-y-2 focus:outline-none focus:ring focus:border-blue-300">
Hola, soy un boton
</button>
</div>
vs
<div className={styles.container}>
<button className={styles.button}>
Hola, soy un boton
</button>
</div>
Hombre en este caso estais hablando de un atom que no vais a tocar normalmente si no que vais a usar el component directamente, creo que no es el mejor ejemplo en cuanto a que ganes comodidad. A la que tengas estos componentes definidos no vuelves a "verlo" a menos que estes poniendole nuevas cosas, y en ese caso te va a tocar ver las dos lineas de codigo turbolargas de https://github.com/jvidalv/nextal/blob/main/components/atoms/button/button.module.css igual, no se.
Pero vamos que de todos modos solo digo que precisamente para mi la gracia de tailwind es la flexibilidad de usarlo "inline" que a vosotros os molesta, es una opinion nada mas.
Pero la gracia de tailwind, bueno una de las gracias que además su creador pone como algo a tener en cuenta para pasarte a tailwind, es evitar tener que pensar nombres de clases css no?
A mi me parece bastante horrendo tener definiciones de CSS hiper-largas. Lo mismo con tenerlas inline, la verdad.
Yo preferiría tener las clases una a una y ordenadas, el otro día vi un plug-in del ide (webstorm) que creo hacia eso.
Hablando de css, qué framework/librería creéis que es la mas popular en react? Veo que se han linkeado unas cuantas pero imagino que alguna destacará en cuanto a uso mayoritario? Yo soy un noob que anda aprendiendo react (sus muertos qué complicado me parece comparado con angular) y por ahora solo he tocado semantic-ui.
16 días después
12 días después
#705 Si hablas de librerías que traigan tema estilos directamente con posibilidad de meter themes customizados y tal... llevo un tiempo muy contento con chakra-ui y MUI (aunque este último me cansa bastante)
#705squa1o:sus muertos qué complicado me parece comparado con angular
Ostia, suele ser al revés 
Buenos días, o ya tardes para algunos, ¿alguna recomendación de curso para gente que estamos empezando? Terminé DAM este verano y la verdad que me está llamando mas el tema web.
Me he visto varios tutoriales por youtube, varios videos de carlosazaustre y lucas moy, y un curso de udemy de juan josé ortiz, llevo una semana muerto prácticamente en el curro y lo estoy utilizando para formarme, que otros cursos recomendáis que me haga, ahora en udemy están rebajados y estoy por pillarme el curso de Fernando Herrera, que veo que es el que mas estrellas tiene, y hacérmelo la semana que viene.
#709 Yo me estoy haciendo este https://www.udemy.com/course/react-redux/ que lo vi bastante recomendado por internet y el tio explica bastante bien, pero está en inglés. (la mayor pega que me he encontrado es que no está actualizado al router 6 que ha salido este año y las respuestas que dan sobre el tema es simplemente downgradear)
#710 yo el que he visto es este https://www.udemy.com/course/react-cero-experto/ me molaría hacerlos en inglés los cursos pero quiero enterarme 100% de todo y al final los términos que usan, por lo menos la gente que he estado viendo, son en inglés.
#711 Es mas importante saber ingles que saber programar. A partir de aqui cada uno que decida sus prioridades.
Y si quieres mi opinion, hazlos en ingles, no para aprender mas o menos react, si no para aprender y mejorar tu ingles y React a la vez. Y si quieres el mejor curso de todos, este es:
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Ya que se está hablando de recursos, yo llevo un par de meses con React para el trabajo, y al menos los conceptos básicos los tengo, pero estoy interesando en aprender más a nivel diseño para hacer algún proyectillo por cuenta propia. ¿Alguna recomendación de curso o libro para diseño y/o React avanzado?
Ya de paso aprovecho para preguntar a los que ya lleven un tiempo que os parece Bulletproof-react como referencia o si conocéis algo similar.
#713 No tengo ni idea. Yo alguna vez que he querido refrescar algo siempre he tirado de Maximilian.
#715 Esta muy guay para aprender, pero para usarlo de base, ufff, trae demasiadas cosas, que pueden ser correctas, pero es muy dificil que todo te funcione, y al final quizas es mas facil empezar con algo menos opionado.
¡Hola a todos!
Estoy aprendiendo un poco el flow de redux y ahora estoy intentando tener una acción que hace una mutación en GraphQL, pero veo que no será tan fácil como pensaba xD, ¿qué manera será la más facil/óptima para estos casos?
PD: para GraphlQL estaba usando useQuery/useMutation
#712 Este es el que me hice yo hace tiempo y es genial. Todos los de ellos son buenisimos.
Estoy yo ahora con Next.js que no lo habia mirado nunca.
22 días después
Hola a todxs!
Estoy teniendo problemas para cargar imagenes locales desde un documento json.
La carpeta de imagenes la tengo en public
y quiero referenciarla de la siguiente manera:
<img src={`../images/${props.img}`} className="card--image" />Luego en la APP se quedaría así:
img={item.coverImg}No carga, he intentado con required y da error. Referenciandolo con this e igual.
Alguien sabe porque puede pasar esto??
Gracias
