una combinacion perfecta entre ReactJS y VueJS pero se ve muy prometedor esta tecnologia…
Introducción
Para qué sirve Svelte y qué aprenderas sobre él
¿Qué es Svelte?
Elementos básicos de Svelte
Primeros pasos
Estilos
Componentes
Reactividad
Props
Condicionales
Estructura de control: each
Eventos del DOM y Binding
Ciclo de vida
Stores
Configuración del proyecto
Presentación de Pugstagram
Configurar el entorno de trabajo
Servidor de desarrollo local
Desarrollo de la aplicación
Estructura
Componentes Header y Sidebar
Componente Timeline
Estilos de nuestra aplicación
Conectar nuestra aplicación a una API
Componente Comments
Componente Modal
Header Likes
Deployment
Despliegue en Netlify
Continúa con el Curso de Sapper
Apuntes de Svelte
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Oscar Barajas Tavares
Aportes 18
Preguntas 5
una combinacion perfecta entre ReactJS y VueJS pero se ve muy prometedor esta tecnologia…
Escribí un tutorial sobre el componente svelte:component.
https://platzi.com/tutoriales/1851-svelte/5444-el-componente-component-en-svelte/
un Typo se puede entender como un error de escritura, ej: <styles> en vez de <styles>
Consejo: si quieren evitarse tener que escribir “.svelte” para importar componentes, solo tienen que agregar esto a su configuración en el archivo rollup.config.js
plugins: [
resolve({
extensions: ['.svelte'],
}),
]
Con eso ya no tendrán que escribir .svelte cada vez
es relevante el orden en que se ponen el script, styles y el html en un componente?
Promete mucho este framework…
Es posible usar Bootstrap para dejar de lado la parte del css???
Los componentes de svelte se ven sencillos de aprender, es importante que aplicamos todo nuestro contenido dentro de un Div, lo cual ayuda cuando queremos agregar más de un componente dentro de un componente.
Que interesante que svelte te hace cumplir las reglas de a11y
por si no saben que es el nombre que se le da a los temas de accesibilidad el nombre viene porque en ingles hay 11 palabras entre la A y la Y, si quieren ver un ejemplo de esto pongan una imagen y no agreguen el alt y veran que esto les pone una advertencia
Si colocas las etiquetas en distinto orden, al guardar rollup se encarga de reorganizar el código, a esta fecha va primero la etiqueta <script> luego el HTML y de ultimo la etiqueta <style>
tecnologia indispensable para un frontend
Tengo un problema, cada vez que desactivo el área de trabajo pierdo el watcher de mi proyecto. Es decir los cambios que le hago al documento dejan de reflejarse.
Por ejemplo: si cambio mi nombre no se verá reflejado.
Hasta aquí es similar a lo que se hace en React. Creas un componente y lo traes a donde quieres que se muestre.
hay algun plugin en especial que usas de vscode para svelte?
Buah, hace mucho trabajé como desarrollador y lo dejé por otra área digital, hoy quiero volver a hacer cosas pero por proyectos personales y Svelte se ve muy bacano. Se ve simple.
Muuuuuy interesante Svelte
👌
En realidad le estas asignando al div una clase y no un nombre. Min 1:55
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?