Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Ejecutar proyecto de styled-components

Hola a todos. Como la mayoría, tuve problemas para levantar el servidor con el proyecto descargado de github. Después de investigar un poco, decidí probar crear un proyecto de cero y copiar en la carpeta el contenido de 1850-styled-components-proyecto_inicial.

Hice los siguientes pasos:

  1. Abrir terminal en donde se creará el proyecto (un shortcut muy útil es teclear cmd en la barra de dirección de la carpeta + ENTER)
  2. npx create-react-app styled-components (en lugar de styles-components pueden poner el nombre que quieran)
  3. cd styled-components (ir a la carpeta del proyecto que acabamos de crear)
  4. Copiar carpetas public y src de 1850-styled-components-proyecto_inicial en styled-components 4.1 Se pueden eliminar los archivos App.css e index.css de la carpeta src 4.2 La única diferencia que recuerdo es que en el archivo index.js de 1850-styled-components-proyecto_inicial se usa: ReactDOM.render(<App />, document.getElementById("root")); y en el index.js del proyecto recién creado viene como:
    const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render(
          <React.StrictMode>
                <App />
          </React.StrictMode>
    );
  5. npm start
  6. Abrir http://localhost:3000 en el navegador

Aún no empiezo el curso, por lo que no sé si haya que actualizar algo más adelante.

Espero les sirva

1 respuesta

¡Hola Silvia! Muchas gracias por compartir tus pasos para ejecutar el proyecto de styled-components. Seguramente esto le será de mucha ayuda a otros estudiantes que tengan problemas para levantar el servidor con el proyecto descargado de Github.

Es importante mencionar que al seguir estos pasos, estás creando un nuevo proyecto de React y copiando el contenido de la carpeta del proyecto inicial de styled-components. Esto puede ser una solución temporal, pero si el proyecto inicial se actualiza en el futuro, es posible que no tengas acceso a las nuevas funcionalidades o correcciones de errores.

En cuanto al curso, es posible que más adelante se requiera actualizar alguna dependencia o configuración del proyecto, pero eso se irá viendo a medida que avances en el contenido.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)