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

Unrack

#570 Gracias!

HoRTeL

Entré ayer a Udemy y me vi el curso de React al 55% cuando lo tenía terminado.
Qué grande Maximiliano

Edit. 14% XD

8 días después
DaLmAu

Recomendais algun curso de React? no pasa nada si esta en ingles pero para aprender si es en español mejor que mejor. He visto un par en udemy, el de Fernando Herrera y otro de crear 15 proyectos en React. Gracias

Pizzelio

Sabéis qué tal son los cursos de React y Native de Fernando Herrera?

1 respuesta
Lolth

Buenas! estoy peleandome con React y Next y en un componente estoy abriendo un modal antes de tirar atras ya sea con el botón del navegador o con otros del mism compoente donde dependiendo si aceptas o no te quedas en la página o tiras atras, hasta aqui bien.

Pero hay un componente hijo que tiene un enlace a / que no hace caso.

Debería pasar el router hacia el componente ese y que utilize el router que yo le paso para detectar ese cambio de url?

1 respuesta
DaLmAu

#574 Buenas yo tb ando buscando algún curso he ido unas páginas atrás y han nombrado a un tal Maximilian, he buscado y en youtube justo acaba de sacar un vídeo, hace una semana, de 3h explicando react para principiantes. Te lo dejo por aquí le si te interesa https://youtu.be/Dorf8i6lCuk

1
SupermaN_CK

Mooc de React y hay otro de CS50 de Harvard que incluye React.

isvidal

#575 Hace tiempo que no toco Next pero este expone un hook useRouter() que te devuelve el objeto router, el cual permite subscribirte a eventos como ‘beforeRouteChange’ o ‘routeChangeStarted’ o algo asi.

Asi que no hace falta que pases el router, puedes acceder mediante hooks. Y sobre el <a> creo que para que next interprete bien los clicks en ellos los debes generar con los componentes <Link> que trae. Creo, de esto ultimo ya no me acuerdo mucho.

3
7 días después
isvidal

Os traigo la quintugenesimo libreria de componentes.

Esta vez la de Microsoft, y tengo que decir que me gusta mucho, tiene mil y un componentes (Puritito microsoft), pero lo que mas me gusta es que dentro de cada categoria, ejemplo, "Sliders" te explica el contexto donde deberias y usarlo y para que casos, y para que casos no.

Muy muy completa. Si en un futuro tengo que hacer un crud web app la verdad es que me parece ideal, pues ya que la usan en Azure tiene casos para absolutamente todo:

https://developer.microsoft.com/en-us/fluentui#/controls/web

9
1 mes después
aButreCa

Me gustaría aprender React en mi tiempo libre para proyectos personales. Iba a pillar el de Colt Steele porque fue con el que aprendí a programar en su día y me gusta como enseña, pero veo que habláis mucho aquí del de Maximilian. Tanto merece la pena el de Maximilian?

Quiero aprender algún framework bien (hace años usaba VueJS, pero poco recuerdo ya) y este me llama sobretodo por el tema de Native para crear apps de Android y las librerías que tiene de ThreeJS.

Zoko

Si alguien Senior se plantea emigrar a Suiza (Zurich), mi empresa acaba de abrir un puesto. Somos una startup que ya se considera scale-up.

Trabajamos con React y Typescript, y hacemos un producto B2C que tiene millones de usuarios mensuales. El backend está en Go.
La empresa ha pasado de ser 25 empleados a ser 75 en un año y medio, y el plan es crecer hasta los 100 para final de año. Todo esto sin financiacion externa ni inversores ni nada.

Es un sitio estupendo si te gusta hacer producto, la verdad es que estoy muy contento y el crecimiento de la empresa es exponencial.

El salario no lo tengo del todo claro, pero andará por 120k al año, mas que de sobra para vivir y ahorrar mas de lo que se cobra neto en España.

Teletrabajo se permite si estas viviendo aquí, por ley tienes que mudarte a Suiza, ahora mismo estamos full remoto y cuando teoricamente acabe toda la mierda esta de la pandemia la nueva policy será 4 dias al mes en la oficina.

Si alguien está interesado, PM!

5 1 respuesta
neoline

#581 Yo estuve trabajando en Zürich hace 5 años. Es la ciudad más bonita en la que he vivido nunca, ahora mismo me viene a contramano volver a Zürich, pero no lo descarto algún día, sigo teniendo muchos amigos/as allí.
El que se lo esté pensando, que le escriba directamente porque no se va a arrepentir.
Yo cobraba 100k e iba bastante sobrado de pasta, y eso que pagaba un dineral de piso (en Idaplatz, Kreis 3).

1 1 respuesta
RQuaza

#582 el problema quizas es el idioma jaja

Zoko

No hace falta alemán, por cierto, solo inglés.

thelegend

Buenas a todos,

¿una pregunta de react native, que librería de componentes me recomendáis usar? He empezado con los que lleva native por defecto, pero veo que hay muchas librerías y nose cual es de las mejores.

¡Muchas gracias!

2 respuestas
aren-pulid0

#585 Yo he usado https://akveo.github.io/react-native-ui-kitten/ y https://callstack.github.io/react-native-paper/

neoline

#585 Yo hace poco descubrí ésta https://wix.github.io/react-native-ui-lib/
Es de los archiconocidos Wix

1
JohnVoiden

Vosotros programais con Compound Components, y si los usais podeis explicarme para que los usais.

Es que el único ejemplo que me gusta es cuando un hijo de un componente es opcional y lo metes en el propio export.
En plan
FormLayout
FormLayout.Group
Lo utiliza Shopify como ej.

1 respuesta
Axtrix

#588 Si quieres ver ejemplos de compound componets:

https://headlessui.dev/
https://ant.design/docs/react/introduce

Personalmente en mi empresa lo usamos para no tener que repetir logica ni estilos en ciertos componentes y a la vez tener flexibilidad para cambiar la disposicion del componente con facilidad.

Por ejemplo un Popover que cree el otro dia, Tengo mi Popover normal que acepta como hijo: Popover.Title, Popover.Link o Popover.Separator. Alli donde uso el popover no tengo nada de logica ni estilos

wuaixd

Quiero hacer esto, a ver si se os ocurre otra manera de hacerlo

Tengo un blog y quiero que dentro de post, al acabar, se cargue el siguiente solo.

Mi idea es tener un componente Post que recibe la url del siguiente post y con un intersectionObserver cuando se llega abajo pide los datos del siguiente post y lo inserta. Ese insertado hará lo mismo al llegar abajo y así cada uno hasta que no haya siguiente porque estás en el último.

Tendría que hacerme cargo de actualizar manualmente la ruta, o más bien la parte del historial del navegador. En concreto estoy usando Next pero entiendo que sería la misma situación con otro router.

El usuario va leyendo post1 y cuando llega abajo se carga y se inserta post2, y así cada uno. Supongo que ahi tendría que controlar cual es el que se está viendo porque si cargan 10 y vuelven a uno del medio lo suyo es que en el navegador se vea la url del Post q estas en pantalla, no del último que insertaste.

1 respuesta
isvidal

#590 El intersection observer carga el post y hace un push plano (Quieres que si tira para atras vuelva atras, no al post que ha cargado antes por encima) a la history del navegador y ya. Tanto para arriba como para abajo.

VonRundstedt

Alguien conoce Svelte ( https://svelte.dev/ ) ? Me lo mencionaron ayer como lo último en React.

Merece la pena aprenderlo / meterse a explorar?

3 respuestas
Braainus

#592 Es una alternativa a React (no es del ecosistema de este). Compila a vanilla js y no usa virtual DOM con lo que en principo es más rapido y tiene menor bundle size. Miratelo si quieres, pero a nivel laboral veo mucho más fuerte a React.

KazuluDev

#592 no lo conozco demasiado pero diría que es un framework/librería aparte de React, como podría ser Vue o Angular.

MisKo

#592 Como te han dicho, es ajeno a react, es una librería propia y tiene tambien sus frameworks y demás

https://svelte.dev/
https://sapper.svelte.dev/ ( evoluciona a ) https://kit.svelte.dev/

JuAn4k4

Svelte es el futuro para las libs de terceros, compila a vanillajs y funciona en todos los fw.

RQuaza

que usáis de testing?

2 respuestas
Lifecasi0

Jest y Cypress en mi caso.

3
Axtrix

#597 react-testing-library

1
JohnVoiden

#597 En components TDD con Storybook, si quieres rizar el rizo meterle react-testing-library.

Usuarios habituales

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