Page d'accueil>Code source ASP>Autres catégories
Télécharger

Understanding Astro


Bienvenue dans Comprendre Astro !

Ce livre est le guide ultime d'Astro, le framework Web de nouvelle génération conçu pour la vitesse.

Comprendre Astro est le résultat de mois passés à creuser Astro et à transmettre les résultats de manière pratique et facile à comprendre.

Si vous voulez comprendre Astro, vous êtes à la bonne source.

Ne vous contentez pas d'apprendre un autre framework. Comprenez-le.

Vous voulez télécharger les ebooks

Table des matières

Ce qui suit est une table des matières détaillée pour Comprendre Astro.


Introduction

Introduction

  • Ne sois pas mécontent

  • Différences avec la documentation officielle

  • Comment le livre est structuré

  • Aperçu des chapitres

  • Conditions préalables

  • Conventions typographiques


Chapitre 1 : Créez votre première application Astro

Chapitre 1 : Créez votre première application Astro

  • Ce que vous apprendrez

  • Aperçu du projet

  • Commencer

    • Installer Node.js

    • Configurer votre éditeur de code

  • Structure du projet

    • tsconfig.json

    • package.json

    • package-lock.json

    • astro.config.mjs

    • src/env.d.ts

    • src/pages/index.astro

  • Introduction aux pages Astro

  • Anatomie d'un composant Astro

  • Styles de composants

  • Mises en page

  • Composants de rendu et emplacements

  • Capitalisation des noms de composants

  • La directive de style globale

  • Polices personnalisées et CSS global

  • Composants Astro indépendants

  • Ajout de scripts interactifs

  • Basculement de thème interactif

  • Le sélecteur :global()

  • Gestion des événements

  • Thématisation via des variables CSS

  • Accès aux objets clients globaux

  • La magie des scripts

  • Tirer parti des scripts en ligne

  • Sélecteurs globaux dans les scripts

  • Pages de démarque

  • Navigation entre les pages

  • Dispositions de démarque

  • Composition de mises en page

  • Accessoires de composants

  • Tirer parti des propriétés principales de la démarque

  • État de navigation interactif

  • Composition des composants

  • Le flux de données du modèle

  • Le côté obscur de definition:vars

  • Chargement de plusieurs fichiers locaux

  • Déployer un site Astro statique

    • 1. Créer des actifs de production statiques

    • 2. Servir les actifs statiques via un serveur Web statique

    • Le problème des déploiements manuels

    • Automatiser le déploiement d'un site Web statique

  • Quelle est la vitesse de notre site Web Astro ?

  • Conclusion


Chapitre 2 : Astro Components en profondeur

  • Chapitre 2 : Astro Components en profondeur

  • Ce que vous apprendrez

  • Introduction

  • L'épine dorsale d'Astro

    • La fatigue de l'exécution de Javascript

    • Abandonner le runtime

  • Qu'est-ce qu'un composant Astro ?

    • 1. Les styles sont locaux par défaut

    • 2. L'élément HTML sera toujours présent

    • 3. Les styles et les scripts sont hissés

    • 4. L'élément <head> et ses enfants ne seront pas hissés

    • Un composant astro est un fichier .astro capable de restituer n'importe quel HTML valide

    • Les composants Astro peuvent être composés pour créer des pages complexes

  • Les composants Astro peuvent exploiter une syntaxe de modèle puissante

    • Consommer des variables
    • Créer des attributs dynamiques
    • HTML dynamique
    • Balises dynamiques
    • Revisiter les machines à sous
    • Pas tout à fait JSX
    • 1. Créer ou référencer des variables
    • 2. Gestion des importations
    • 3. Récupération de données

    • Script de composant

    • Modèle de composant

  • Conclusion


Chapitre 3 : Construisez votre propre îlot de composants

  • Chapitre 3 : Construisez votre propre îlot de composants

  • Ce que vous apprendrez

  • Un bref historique de la façon dont nous sommes arrivés ici

    • Les avantages de l’hydratation partielle

    • Les inconvénients de l’hydratation partielle

    • Les avantages du rendu côté serveur avec hydratation côté client

    • Les inconvénients du rendu côté serveur avec hydratation côté client

    • Les avantages du rendu côté serveur

    • Les inconvénients du rendu côté serveur

    • Les avantages du rendu côté client (CSR)

    • Les inconvénients du rendu côté client

    • Où tout commence

    • Rendu côté client (CSR)

    • Rendu côté serveur

    • Rendu côté serveur avec hydratation côté client

    • Hydratation partielle pour la victoire

    • D’où vient l’architecture insulaire ?

  • Une mise en œuvre d’une architecture d’îlots d’hydratation partielle

    • Vue

    • Petite-vue

    • Préagir

    • Prise en charge des conditions client : inactif et client : média

    • attendreIdle

    • attendre les médias

    • Objectifs

    • Installation

    • Conception d'API

    • Commencer

    • Tirer parti de l'élément de modèle de contenu

    • Gérer l'hydratation paresseuse via les attributs « client : »

    • Frameworks de support : Vue, Petite-vue et Preact

  • Conclusion



Vous voulez télécharger les ebooks ? Cliquez ici



Chapitre 4 : Construisez votre propre îlot de composants

  • Chapitre 4 : La vie secrète des îles des composants Astro

  • Ce que vous apprendrez

  • Comment fonctionnent les îles dans Astro

    • Ce n'est pas un bug. C'est une fonctionnalité.

    • Étape 1 : Créer un site Astro

    • Étape 2 : Installer l'intégration du framework

    • Étape 3 : Écrire le cadre des composants

    • Étape 4 : Rendre le framework de composants

  • Hydratation responsable

    • client:charger

    • client : uniquement

    • client:visible

    • client:média

    • client:inactif

  • Utiliser plusieurs frameworks

    • Un compteur de votes positifs dans Vue

    • Rendu de différents composants du framework

  • Partage de l'état entre les îlots composants

    • Comment fonctionne le nano-magasin

    • Installer le magasin Nano

    • Créer la valeur d'état

    • Utilisation de la valeur d'état dans les composants du framework

  • Passer des accessoires et des enfants aux composants du framework

  • Composants de framework imbriqués

  • Les pièges d’Astro Island

    • 1. N'utilisez pas de composant Astro dans un composant framework

    • 2. Ne pas hydrater un composant Astro

  • Pourquoi des îles ?

    • 1. Performances

    • 2. Une hydratation responsable

    • 3. Chargement parallèle

  • Conclusion


Oh ma réaction ! (Clonage du site de documentation React)

  • Chapitre 5 : Oh mon React ! (Clonage du site de documentation React)

  • Ce que vous apprendrez

  • Configurer le projet de démarrage

  • Installation des dépendances

  • Styliser les projets Astro avec Tailwind

    • Installation de Tailwind

    • Comment fonctionne Tailwind ?

    • Configuration vent arrière

  • Alias ​​d'importation dactylographié

  • Îles et composants de page de colocalisation

  • Mise en évidence de la syntaxe

    • Avantages

    • Inconvénients

    • Avantages

    • Inconvénients

    • Le composant Code par défaut

    • Apportez votre thème

    • Gestion des thèmes clairs et sombres

  • Premiers pas avec les collections de contenu

    • Zod rapide

    • Le dossier .astro

    • Quels problèmes les collections de contenu résolvent-elles ?

    • Organisation des collections de contenu

    • Création de contenu avec MDX

    • Configuration des collections de contenu

  • Interroger et afficher des collections de contenu

  • Routage dynamique

    • 1. Paramètres nommés

    • 2. Paramètres de repos

    • Ordre prioritaire

  • Générer des itinéraires avec des collections de contenu

    • Rendu du contenu de chaque blog

  • Composants MDX

    • Éléments HTML personnalisés

    • Composants internes

    • Importations externes

    • Importation automatique

  • Pleins feux sur l'intégration : Astro SEO

  • 404 pages personnalisées dans Astro

  • Conclusion


Chapitre 6 : Rendu côté serveur (SSR) dans Astro

  • Chapitre 6 : Rendu côté serveur (SSR) dans Astro

  • Ce que vous apprendrez

  • Quand avez-vous besoin de RSS ?

  • Comment activer le RSS

  • Déployer un projet SSR

  • Utilisez le bon adaptateur

  • SSR avec pages statiques

  • De la demande à la réponse

    • L'objet Requête

    • L'objet Réponse

    • Rediriger la réponse

    • Utilitaires pour manipuler les cookies

    • L'adresse IP de la demande

  • Variables d'environnement

    • Récupération des variables d'environnement

    • Variables d'environnement par défaut

    • Création de variables d'environnement

    • Texte dactylographié IntelliSense

  • Itinéraires dynamiques

    • 1. Paramètres nommés

    • 2. Paramètres de repos

    • Ordre prioritaire

  • Points de terminaison du serveur

    • Création de points de terminaison de serveur

    • Demander des détails

    • Itinéraires API dynamiques

    • Répertoire API dédié

    • Prise en charge d'autres méthodes HTTP

  • Des ruisseaux, oh des ruisseaux

    • Qu’est-ce que le streaming sur serveur ?

    • Pourquoi devrions-nous nous en soucier ?

    • Le streaming est facile mais difficile

    • Streaming du serveur dans Astro

    • Profiter du streaming

  • Conclusion


Chapitre 7 : Soyez audible ! (Projet Astro Fullstack)

Chapitre 7 : Soyez audible ! (Projet Astro Fullstack)

  • Ce que vous apprendrez

  • Configuration du projet

  • Aperçu du projet

    • La page d'accueil

    • La page d'enregistrement

    • La page d'inscription

    • La page de connexion

    • Composants et utilitaires d'assistance

  • Choix technologiques

  • Configuration du back-end

  • Gestion de l'authentification

    • Initialisation de Firebase sur le client

    • Utiliser les émulateurs Firebase

    • Gestion des inscriptions des utilisateurs

    • Gestion de la connexion des utilisateurs

  • Implémentation de pages protégées

    • Initialiser Firebase sur le serveur

    • Protéger le parcours de la page d'accueil

    • Mise à jour de l'URL de redirection

    • Déconnecter un utilisateur de la page protégée

  • Configuration du stockage cloud

  • Téléchargement d'enregistrements audio

    • Gestion des téléchargements via une route API

    • Téléchargement des enregistrements du client

    • Réagir aux modifications de l'interface utilisateur dans les composants du framework

  • Récupérer des données depuis le serveur

  • Soumission de formulaires HTML

  • Conclusion


Chapitre 1 : Créez votre première application Astro

  • Chapitre 8 : Créez vos propres intégrations Astro

  • Ce que vous apprendrez

  • Astro et Vite

  • Que sont les intégrations Astro

  • Bonjour le monde. Désolé, bonjour, intégration

    • Objectif du projet

    • Votre première intégration personnalisée

    • Impression d'un message sur la console du serveur

    • Intégrations personnalisées en tant que fonctions d'usine

  • Le cycle de vie des crochets Astro

    • Le quand et le pourquoi des hooks

    • Examen de l'ordre d'évaluation des hooks

  • Créer une intégration de pré-rendu par défaut

    • Objectif du projet

    • API d'intégration

    • Présentation de la solution technique

    • Initialisation des projets via les indicateurs CLI

    • Mise en place de l'intégration

    • Valider une configuration Astro résolue

    • Application des plugins Vite dans les intégrations personnalisées

    • Écriture de plugins Vite pour Astro

    • Analyser et transformer les AST

    • Tests manuels

  • Création de moteurs de rendu et d'intégrations de bibliothèques

  • Conclusion


Conclusion

Conclusion



Vous voulez télécharger les ebooks ? Cliquez ici


Licence

Ce projet est sous licence internationale Creative Commons Attribution-NonCommercial-NoDerivatives 4.0. Voir le fichier LICENSE.md pour plus de détails.

Développer
Informations supplémentaires
Applications connexes
Recommandé pour vous
Actualités connexes Tout