Inicio>código fuente ASP>Otras categorias
Descargar

Understanding Astro


¡Bienvenido a Entendiendo Astro!

Este libro es la guía definitiva para Astro, el marco web de próxima generación diseñado para la velocidad.

Comprender a Astro es el resultado de pasar meses investigando Astro y transmitiendo los resultados de una manera práctica y fácil de entender.

Si quieres entender Astro, has llegado a la fuente correcta.

No se limite a aprender otro marco. Entiéndelo.

¿Quieres descargar los libros electrónicos?

Tabla de contenido

La siguiente es una tabla de contenidos detallada para Comprender Astro.


Introducción

Introducción

  • No te disgustes

  • Diferencias con la documentación oficial.

  • Cómo está estructurado el libro

  • Descripción general de los capítulos

  • Requisitos previos

  • Convenciones tipográficas


Capítulo 1: Cree su primera aplicación Astro

Capítulo 1: Cree su primera aplicación Astro

  • lo que aprenderás

  • Descripción general del proyecto

  • Empezando

    • Instalar Node.js

    • Configurando tu editor de código

  • Estructura del proyecto

    • tsconfig.json

    • paquete.json

    • paquete-lock.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • Introducción a las páginas de Astro

  • Anatomía de un componente Astro.

  • Estilos de componentes

  • Diseños de página

  • Componentes de renderizado y ranuras

  • Poner en mayúscula los nombres de los componentes

  • La directiva de estilo global

  • Fuentes personalizadas y CSS global

  • Componentes Astro independientes

  • Agregar guiones interactivos

  • Alternar tema interactivo

  • El selector :global()

  • Manejo de eventos

  • Tematización mediante variables CSS

  • Acceder a objetos de cliente globales

  • La magia de los guiones

  • Aprovechando los scripts en línea

  • Selectores globales en scripts

  • páginas de rebajas

  • Navegando entre páginas

  • Diseños de rebajas

  • Componer diseños

  • Accesorios de componentes

  • Aprovechando las propiedades de la materia frontal de rebajas

  • Estado de navegación interactiva

  • Composición de los componentes

  • El flujo de datos de la plantilla

  • El lado oscuro de define:vars

  • Cargando múltiples archivos locales

  • Implementación de un sitio Astro estático

    • 1. Crear activos de producción estáticos

    • 2. Servir los activos estáticos a través de un servidor web estático.

    • El problema de las implementaciones manuales

    • Automatizar la implementación de un sitio web estático

  • ¿Qué tan rápido es nuestro sitio web Astro?

  • Conclusión


Capítulo 2: Componentes Astro en profundidad

  • Capítulo 2: Componentes Astro en profundidad

  • lo que aprenderás

  • Introducción

  • La columna vertebral de Astro

    • La fatiga del tiempo de ejecución de Javascript

    • Abandonando el tiempo de ejecución

  • ¿Qué es un componente Astro?

    • 1. Los estilos son locales por defecto.

    • 2. El elemento HTML siempre estará presente

    • 3. Se elevan los estilos y guiones

    • 4. El elemento <head> y sus hijos no serán elevados.

    • Un componente astro es un archivo .astro capaz de representar cualquier HTML válido.

    • Los componentes de Astro se pueden componer para crear páginas complejas.

  • Los componentes de Astro pueden aprovechar una poderosa sintaxis de plantillas

    • Consumir variables
    • Crear atributos dinámicos
    • HTML dinámico
    • Etiquetas dinámicas
    • Revisando las tragamonedas
    • No del todo JSX
    • 1. Crear o hacer referencia a variables
    • 2. Manejo de importaciones
    • 3. Obteniendo datos

    • Guión de componentes

    • Plantilla de componente

  • Conclusión


Capítulo 3: Construye tu propia isla de componentes

  • Capítulo 3: Construya su propia isla de componentes

  • lo que aprenderás

  • Una breve historia de cómo llegamos aquí.

    • Las ventajas de la hidratación parcial

    • Los contras de la hidratación parcial

    • Las ventajas del renderizado del lado del servidor con hidratación del lado del cliente

    • Las desventajas del renderizado del lado del servidor con hidratación del lado del cliente

    • Las ventajas del renderizado del lado del servidor

    • Las desventajas del renderizado del lado del servidor

    • Las ventajas del renderizado del lado del cliente (CSR)

    • Las desventajas del renderizado del lado del cliente

    • donde todo comienza

    • Representación del lado del cliente (CSR)

    • Representación del lado del servidor

    • Representación del lado del servidor con hidratación del lado del cliente

    • Hidratación parcial para la victoria.

    • ¿De dónde viene la arquitectura isleña?

  • Implementación de una arquitectura de islas de hidratación parcial.

    • vista

    • pequeña vista

    • preact

    • Soportando las condiciones cliente:inactivo y cliente:medios

    • esperar por inactividad

    • esperar por los medios

    • Objetivos

    • Instalación

    • diseño de API

    • Empezando

    • Aprovechando el elemento de plantilla de contenido

    • Manejo de la hidratación perezosa a través de atributos "cliente:"

    • Marcos de soporte: Vue, Petite-vue y Preact

  • Conclusión



¿Quieres descargar los libros electrónicos? haga clic aquí



Capítulo 4: Construye tu propia isla de componentes

  • Capítulo 4: La vida secreta de las islas de componentes astronómicos

  • lo que aprenderás

  • Cómo funcionan las islas en Astro

    • No es un error. Es una característica.

    • Paso 1: crear un sitio Astro

    • Paso 2: instalar la integración del marco

    • Paso 3: escribir el marco del componente

    • Paso 4: renderizar el marco del componente

  • Hidratación responsable

    • cliente: cargar

    • cliente:solo

    • cliente:visible

    • cliente:medios

    • cliente: inactivo

  • Usando múltiples marcos

    • Un contador de votos positivos en Vue

    • Representación de diferentes componentes del marco

  • Estado compartido entre islas componentes

    • Cómo funciona la tienda nano

    • Instalar nano tienda

    • Crear el valor del estado

    • Uso del valor de estado en componentes del marco

  • Pasar accesorios y niños a los componentes del marco.

  • Componentes de marco anidados

  • Problemas de la isla Astro

    • 1. No utilice un componente Astro en un componente de marco

    • 2. No hidratar un componente de Astro

  • ¿Por qué islas?

    • 1. Rendimiento

    • 2. Hidratación responsable

    • 3. Carga paralela

  • Conclusión


¡Oh mi reacción! (Clon del sitio de documentación de React)

  • Capítulo 5: ¡Oh, mi reacción! (Clon del sitio de documentación de React)

  • lo que aprenderás

  • Configurar el proyecto inicial

  • Instalando dependencias

  • Diseñar proyectos Astro con Tailwind

    • Instalación de viento de cola

    • ¿Cómo funciona Tailwind?

    • Configuración de viento de cola

  • Alias ​​de importación de mecanografiado

  • Islas y componentes de página de colocación

  • Resaltado de sintaxis

    • Ventajas

    • Contras

    • Ventajas

    • Contras

    • El componente de código predeterminado

    • Trae tu tema

    • Manejo de temas claros y oscuros.

  • Introducción a las colecciones de contenido

    • Zod rápido

    • La carpeta .astro

    • ¿Qué problemas resuelven las colecciones de contenido?

    • Organizar colecciones de contenido

    • Creación de contenido con MDX

    • Configurar colecciones de contenido

  • Consultar y representar colecciones de contenido.

  • Enrutamiento dinámico

    • 1. Parámetros con nombre

    • 2. Parámetros de descanso

    • Orden de prioridad

  • Generar rutas con colecciones de contenido.

    • Representar el contenido de cada blog

  • Componentes MDX

    • Elementos HTML personalizados

    • Componentes internos

    • Importaciones externas

    • Importación automática

  • Destacado de integración: Astro SEO

  • Páginas 404 personalizadas en Astro

  • Conclusión


Capítulo 6: Representación del lado del servidor (SSR) en Astro

  • Capítulo 6: Representación del lado del servidor (SSR) en Astro

  • lo que aprenderás

  • ¿Cuándo necesitas SSR?

  • Cómo habilitar SSR

  • Implementación de un proyecto SSR

  • Utilice el adaptador correcto

  • SSR con páginas estáticas

  • De la solicitud a la respuesta

    • El objeto de solicitud

    • El objeto de respuesta

    • Respuesta de redireccionamiento

    • Utilidades para manipular cookies

    • La dirección IP solicitada

  • Variables ambientales

    • Recuperar variables de entorno

    • Variables de entorno predeterminadas

    • Creando variables de entorno

    • Mecanografiado IntelliSense

  • Rutas dinámicas

    • 1. Parámetros con nombre

    • 2. Parámetros de descanso

    • Orden de prioridad

  • Puntos finales del servidor

    • Crear puntos finales del servidor

    • Solicitar detalles

    • Rutas API dinámicas

    • Directorio API dedicado

    • Compatible con otros métodos HTTP

  • Arroyos, oh arroyos

    • ¿Qué es la transmisión por servidor?

    • ¿Por qué deberíamos molestarnos?

    • La transmisión es fácil pero difícil

    • Transmisión del servidor en Astro

    • Aprovechando el streaming

  • Conclusión


Capítulo 7: ¡Sé audible! (Proyecto Astro Fullstack)

Capítulo 7: ¡Sé audible! (Proyecto Astro Fullstack)

  • lo que aprenderás

  • Configuración del proyecto

  • Resumen del proyecto

    • La página de inicio

    • La página de registro

    • La página de registro

    • La página de inicio de sesión

    • Componentes y utilidades auxiliares

  • Opciones tecnológicas

  • Configuración de fondo

  • Manejo de autenticación

    • Inicializando firebase en el cliente

    • Usando los emuladores de Firebase

    • Manejo de registros de usuarios

    • Manejo del inicio de sesión del usuario

  • Implementación de páginas protegidas

    • Inicializando Firebase en el servidor

    • Proteger la ruta de la página de inicio

    • Actualización de la URL de redireccionamiento

    • Cerrar la sesión de un usuario de la página protegida

  • Configuración de almacenamiento en la nube

  • Subir grabaciones de audio

    • Manejo de cargas a través de una ruta API

    • Subir grabaciones del cliente

    • Reaccionar a los cambios de la interfaz de usuario en los componentes del marco

  • Obteniendo datos del servidor

  • Envío de formularios HTML

  • Conclusión


Capítulo 1: Cree su primera aplicación Astro

  • Capítulo 8: Cree sus propias integraciones Astro

  • lo que aprenderás

  • Astro y Vite

  • ¿Qué son las integraciones de Astro?

  • Hola Mundo. Lo siento, hola, integración.

    • Objetivo del proyecto

    • Tu primera integración personalizada

    • Imprimir un mensaje en la consola del servidor

    • Integraciones personalizadas como funciones de fábrica.

  • El ciclo de vida de los anzuelos Astro

    • El cuándo y el por qué de los ganchos

    • Examinando el orden de evaluación de los ganchos

  • Cree una integración previa al renderizado predeterminada

    • Objetivo del proyecto

    • API de integración

    • Descripción general de la solución técnica

    • Inicialización de proyectos a través de indicadores CLI

    • Configurando la integración

    • Validar una configuración de Astro resuelta

    • Aplicación de complementos de Vite en integraciones personalizadas

    • Escribiendo complementos de Vite para Astro

    • Análisis y transformación de AST

    • Pruebas manuales

  • Creación de renderizadores e integraciones de bibliotecas.

  • Conclusión


Conclusión

Conclusión



¿Quieres descargar los libros electrónicos? haga clic aquí


Licencia

Este proyecto está bajo la licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional. Consulte el archivo LICENSE.md para obtener más detalles.

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo