Del curso: Domina React: Frameworks

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

Generación de componentes y carga de estilos para la composición de aplicaciones con Remix

Generación de componentes y carga de estilos para la composición de aplicaciones con Remix - Tutorial de React.js

Del curso: Domina React: Frameworks

Generación de componentes y carga de estilos para la composición de aplicaciones con Remix

En esta lección te voy a mostrar cómo cambiar rápidamente los estilos dentro de una aplicación Remix y también cómo insertar componentes. Primero vamos a cambiar los estilos. En este caso, yo voy a utilizar Tailwind. Voy a ir directamente a el archivo llamado root.tsx, que se encuentra en la carpeta app. Dentro de este archivo vamos a insertar acá Tailwind. Existen varias formas de hacerlo; en este caso, yo estoy utilizando el cdn de Tailwind y estoy insertándolo a través de un script y con esto vamos a tener su funcionalidad más básica, que es la que vamos a trabajar dentro de esta aplicación. Vamos a guardar y ya tenemos Tailwind dentro de esta aplicación de Remix. Ahora vamos a insertar componentes. Para insertar componentes, solamente necesitamos crear una carpeta llamada components dentro de la carpeta app. Yo ya he creado varios acá, pero voy a crear uno nuevo. En este caso, voy a crear un nuevo archivo, le voy a llamar Header y vamos a ponerle la extensión js. Listo, ahora que…

Contenido