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

JuAn4k4

#689 yo estoy esperando a ver si sale Rectal.

7 2 respuestas
isvidal

#691 una libreria que wrapee el getBoundingClientRect

Rectal

aren-pulid0

#691 me has hecho buscarlo

Zoko

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.

1 respuesta
isvidal

#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.

1 respuesta
Zoko

#695

https://github.com/jvidalv/nextal/blob/main/components/atoms/button/button.module.css

Igual de "ilegible" que lo otro, no?

2 respuestas
isvidal

#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>

1 respuesta
privet

#696 pues yo lo veo así mas cómodo, de la otra forma ves mucho código por el medio y al menos a mi se me hace molesto

1
Zoko

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.

Leos

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?

1
Lifecasi0

A mi me parece bastante horrendo tener definiciones de CSS hiper-largas. Lo mismo con tenerlas inline, la verdad.

2
JuAn4k4

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.

Axtrix

La version 18 de React esta en Beta

1
Lolth

#697 suelo usar Styled components, tienen mucha diferencia?

squa1o

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.

1 respuesta
16 días después
isvidal

Buena lectura: https://www.joshwcomeau.com/react/the-perils-of-rehydration/

1
12 días después
RT_jOnaS

#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 :D

3
TheBrotha

Yo en el trabajo uso chakra y contentisimo

1
NioRz

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.

1 respuesta
squa1o

#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)

1 respuesta
NioRz

#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.

1 respuesta
isvidal

#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/

4 3 respuestas
Lord_Khronus

#712 Mejor que el Epic React Pro?

1 respuesta
NioRz

#712 muchas gracias! tienes razón, me vendrá bien darle al inglés

Konishi

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.

1 respuesta
isvidal

#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.

uvelongboard

Pillo sitio.
Migro desde Angular, a ver qué tal se da

4
thelegend

¡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

jepeme

#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.

Usuarios habituales

  • isvidal
  • Axtrix
  • Zoko
  • aren-pulid0
  • VonRundstedt
  • JohnVoiden
  • MisKo