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..
#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
#301
https://todoapphookscolt.netlify.app/
Hecho en el cursillo que he mencionado antes, algo "sencillito".
#306 si, yo siempre que lo creo me confundo, una vez lo tienes montado es muy facil de usar si te creas un hook
#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
#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.
#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
#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.
#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
#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
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://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!
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.
#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
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.
#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.
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
#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í?
#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)
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:
#329 yo lo que queria era probar el commerce, pero solo es compatible con bigcommerce que significa dinero dinero y sinceramente para testear paso
