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

privet

Que tipo de proyecto recomendáis para aprender React? Llevo 1 mes o así dándole caña, pero no se me ocurre bien que hacer, quizá algún proyecto que me ayude a mejorar mis conocimientos..

2 respuestas
isvidal

#301 Algunos que hice yo en su dia:

https://jvidalv.github.io/react-old-emojindex/

https://jvidalv.github.io/react-old-fighterv/

https://jvidalv.github.io/react-old-colorshop/

Proyectos de 8 horas max, donde tocas muchos palos.

Mejor no miréis el código fuente jaja

1 1 respuesta
VonRundstedt

#301
https://todoapphookscolt.netlify.app/

Hecho en el cursillo que he mencionado antes, algo "sencillito".

1
Lord_Khronus

#302 Hay alguna certificación de React que valga la pena, mr Isvidal? ;D

1 respuesta
isvidal

#304 Pues no lo se, pero la mejor certificacion es un buen github bien gordo con proyectos maduros y a poder ser proyectos que sean herramientas para otros developers, y no proyectos de github clones del enemismo cursillo de fazi/udemy whatever

1
MisKo

¿Es normal sentirse como un completo inutil cuando se empieza a hacer pruebas con context?

xDDDDDDD

1 respuesta
Axtrix

#306 si, yo siempre que lo creo me confundo, una vez lo tienes montado es muy facil de usar si te creas un hook

1 respuesta
MisKo

#307 Si si, lo estoy usando y tengo ya montado cosas y funcionando pero joder me vienen todas estas preguntas:

  • ¿Esto donde coño lo inicializo (o cuando, más bien) ?
  • ¿Esto está bien aqui o lo meto en otro componente más adentro?
  • ¿Como mantengo el context entre requests?

En general, a base de prueba y error estoy consiguiendo que funcione, pero la sensación es de "no se que coño hago, pero funciona" xDDDDDD

2 respuestas
VonRundstedt
#308MisKo:

la sensación es de "no se que coño hago, pero funciona" xDDDDDD

Mi corta vida de """developer""" resumida en una frase.

La triple comilla a lo mejor no es suficiente.

1 respuesta
MisKo

#309 Bueno, ánimo a ti también ajajajaja

Yo es que me he venido arriba migrando una cosa que tenía en Vue ahora a React y no me he acabado ni el curso, entonces me voy encontrando problemas que no tengo ni idea de solucionar xDD

Axtrix

#308 Tendras un archivo App.js o index.js por ahi por algun lado que es el entrpoint de tu app de React. Pues el provider de tu contexto tiene que envolver a todos los components que necesitas que accedan al contexto.

Por ejemplo si necesitas tener rutas privadas, tu componente <RouteSwitch /> tiene que estar dentro de tu Provider

import React from 'react';

const App = () => {
  return (
      <MainState>
        <RouteSwitch/>
      </MainState>
  );
};

export default App;

El contexto se mantendra siempre que no recargues la pagina.

MisKo

Ahora mismo tengo algo así:

No preguntes lo que hay por ahi, que aun estoy tocándolo xDDDDDDDDDDDDD

1 respuesta
Axtrix

#312 si puedes pasar el codigo en vez de un pantallazo te lo agradeceremos todos. Si quieres ver un cutre ejemplo del context esto fue lo primero que hice con el context de react. No te fies mucho pero más o menos es funcional

https://github.com/fmonper1/react-pokedex

1 1 respuesta
MisKo

#313 Le echaré un ojo cuando saque un ratillo.

Miraré a ver que puedo pasar en código, ya que al estar migrando un proyecto anterior (que existe en producción), aunque sea para una prueba propia no creo que pueda ir poniendo cosas por ahí xD

EDIT

Vale, ya he visto el problema.

Básicamente, quería hacerme un template para cargarlo en todas las páginas (con cabecera y menu lateral). La creación de este fue rápida, pero el tema es que, en cada "página" (estoy usando nextjs), lo que devolvía era esto:

<TemplateHTML>
    <JsxDeMiPagina />
</TemplateHTML>

Entonces, cada vez que cambiaba de página, rerenderizaba el "TemplateHTML" (y con ello, me volvia a cerrar menús y demás).

Lo que había hecho al principio, era crear un context que almacenara que menus estaban abiertos y demás. Al recargar el componente, si tenia valor en Context, se lo asignaba y, si no, le ponía uno por defecto. Me explico fatal pero funcionaba (aunque no me gustaba)

Ahora, despues de darle varias vueltas, lo que he cambiado es que este "template" esté puesto en el root de Nextjs (en _app.js)

function MyApp({Component, pageProps}) {

if (Component.name === 'Login') {
    return <Component {...pageProps} />
}

return (
    <TemplateHTML>
        <Component {...pageProps} />
    </TemplateHTML>
)
}

De esta manera, aunque cambie de página, "TemplateHTML" no se rerenderiza, y no necesito el contexto que había creado especialmente para mantener el estado de la cabecera y el menú lateral.

Creo que me explico bastante mal, pero creo que como lo tengo ahora es como debería de hacerse la verdad xDDD

VonRundstedt

Dejo esto por aquí, posiblemente a más de uno le interesará. Por lo que he visto es un curso 100% gratuito de la universidad de Helsinki. Si no eres finlandés no te puedes examinar, pero ni falta que hace.

https://fullstackopen.com/en/

1
isvidal

https://github.com/facebook/create-react-app/blob/master/CHANGELOG.md

La version 4 de create-react-app. Parece que trae cosas interesantes, como dejar atras el hot reload en pos del fast refresh!

Zoko

Mañana la beta de Remix, no tengo 300 machacantes para meterles y usarlo directamente, pero será cuestion de tiempo que las ideas que ellos están aplicando lleguen a otras librerías.

1 respuesta
JohnVoiden

#317 No por favor. Librerías de pago no, espero que se hundan en la mierda.

Por cierto, hoy a la tarde comienza el NextConf

2 respuestas
Zoko

No es por empezar otra vez el mismo bucle, pero tienes al propio creador hablando del por qué de esto en este hilo:

Desear que se hundan en la mierda a los creadores de algo tan gordo como React Router, que lo han hecho de manera gratuita, me parece demencial. Pero allá cada uno con lo suyo.

1
isvidal

#318 Pues yo tengo curiosidad de como les funciona la verdad.

Que algo sea y haya sido X siempre no quiere decir que X sea lo mejor o bueno.

Axtrix

#318 como va lo de nextconf? No veo los horarios ni el programa por ningun lado

1 respuesta
QuitCat

Mi dudas, sabiendo que va a salir ahora "a producción", son las siguientes:

  • ¿Tiene tantos puntos positivos sobre las alternativas actuales (y gratuitas) como Nextjs/Gatsby como para pagar XXX €?
  • Salvo sorpresa, va a ser una opción minoritaria. Por lo tanto, sabiendo que va a tener muchísimos menos usuarios/proyectos que lo usen, ¿Cuánto tardarán en tener la estabilidad/madurez que tienen las otras alternativas como para considerarlo como opción para proyectos serios?

#321
https://nextjs.org/conf/schedule
Empieza en unas horas. Varios "escenarios" de manera simultanea

privet

Next Js y React tienen algo que ver ?

1 respuesta
Leos

#323 nextJs es un framework basado en react

1
QuitCat

¿Alguien que este siguiendo la Nextjsconf recomienda alguna de las charlas en particular?

1 respuesta
MisKo

#325 Pues yo que tu miraría los títulos de cada charla y los que más te llamen.

De todas formas, esto fue ayer. ¿Están ya los videos de cada charla por ahí?

1 respuesta
QuitCat

#326 Están los directos de cada stage en youtube, en la cuenta de Vercel si no me equivoco

1 respuesta
MisKo

#327 Pues no los veo :\ Solo veo el de la keynote inicial (y solo uno).

Supongo que los irán subiendo estos dias (o igual estoy en otro canal, aunque lo dudo xD)

https://www.youtube.com/c/ZEITHQ/videos

isvidal

Que pintaza tiene Next.js 10

https://nextjs.org/blog/next-10

Lo ha probado alguien ya?

Creo que empezaré esta tarde a trastear con el:

https://github.com/vercel/next.js

1 respuesta
JohnVoiden

#329 yo lo que queria era probar el commerce, pero solo es compatible con bigcommerce que significa dinero dinero y sinceramente para testear paso

Usuarios habituales

  • JuAn4k4
  • isvidal
  • Axtrix
  • MisKo
  • Zoko
  • VonRundstedt
  • JohnVoiden