Applications à grande échelle avec Vue 3 et TypeScript
Applications à grande échelle avec Vue 3 et TypeScript
Créez des frontaux volumineux et évolutifs qui tirent parti de l'isolation des composants, de l'internationalisation, de la localisation, d'un magasin Vuex modulaire, de bibliothèques de composants personnalisés, d'un code client API qui peut facilement basculer entre les données simulées et les données en direct, etc.
À propos du livre
(NOTE: There is a 2nd edition of this book in the work here https://leanpub.com/vue-vite-typescript. If you already bought this, reach to me with the same email you used on Leanpub and I will send you a coupon to download the new edition for free)
Créez des interfaces Vue 3 volumineuses et évolutives avec une grande base de code organisée facile à développer et à maintenir à l'aide de techniques telles que:
Développement de composants d'interface utilisateur de manière isolée à l'aide d'un client API qui peut facilement servir des données en direct ou des données simulées
Créer des bibliothèques de composants personnalisées
Un magasin Vuex modulaire organisé en domaines d'application
Internationalisation et localisation pour la traduction linguistique et le formatage des nombres / dates selon une culture spécifique
Vérification de type TypeScript au moment du développement pour réduire les bogues ou les erreurs d'exécution
Conventions de dénomination de la structure des répertoires, des fichiers et des codes
Tests unitaires pour les modèles et les composants
Et plus
À propos de l'auteur
Table des matières
- Applications à grande échelle avec Vue 3 et TypeScript
-
Préface
- Remerciements
- Public
- Objectif
- Conventions de texte
- Conditions préalables
- Companion Code
-
Chapitre 1 - Configuration Du Projet Avec Vue-Cli
- Récapitulation du chapitre 1
-
Chapitre 2 - Votre Premier Composant
- La liste d’items
- Exigences De Composant ElementsList
- Code Du Composant ElementsList
- Home Vue
-
Mises à jour App.vue
- Récapitulation du chapitre 2
-
Chapitre 3 - Interfaces De Modèle De Données
- Répertoire Des Modèles
- Interface ItemInterface
- Composant ItemsList
-
Vue Home
- Récapitulation du chapitre 3
-
Chapitre 4 - Ajout D’événements Au Composant Items
- Composant ItemsList
- Récapitulation du chapitre 4
-
Chapitre 5 - Introduction Aux Tests Unitaires En Refactorisant Un Bit
- ItemComponent
- Tests unitaires ItemComponent
- Composant ItemsList
- Mises à jour de Home.vue
- Récapitulation du chapitre 5
-
Chapitre 6 - Introduction De Vuex
- Vuex Vue d’ensemble
- Store Du Vuex Principal (fichier: store/index.ts)
- Interface ItemsStateInterface
- Retour Au Fichier: store/index.ts
- Vue Home
- Navigateur Web
- ItemsList.component.vue
- Home.vue
- Navigateur Web
- Composant Loader
- Composant ItemsList
- Composant ItemsList - amélioration du gestionnaire de clics sur les items
- Store Vuex: Mutation selectItem
- Store Vuex: Action selectItem
- Récapitulation du chapitre 6
-
Chapitre 7 - Client Api
- Présentation Du Client API
- Domaines
- Le ApiClient principal
- Items Api Client
- Mock et Clients Api en direct
- Api Client Mock
- Live Api Client
- Factory Client Api
- Mises à jour de l’instance Vuex Store
- Des alternatives
- Récapitulation du chapitre 7
-
Chapitre 8 - Améliorer le client Api
- Interfaces et modèles HttpClient
- HttpClient Unit Tests
- Changements pour le ItemsApiClientModel
- Récapitulation du chapitre 8
-
Chapitre 9 - Modularisez le Vuex Store
- Instance actuelle de Vuex Store (src/store/index.ts)
- Modèles Store et State
- Instance de Store
- La syntaxe d’interpolation de chaîne de module/mutation laide
- La récapitulation
- Récapitulation du chapitre 9
-
Chapitre 10 - Localisation et internationalisation - Localisation des langues - Partie 1
- Plugin: vue-i18n
- Récapitulation du chapitre 10
-
Chapitre 11 - Localisation et internationalisation - Localisation des langues - Partie 2
- Le composant LocaleSelector
- Module Vuex pour les Locales
- Implémentation LocalesStateInterface
- LocaleSelector.component.vue
- LocaleFlagRadio.component.vue
- Fichier src/main.ts
- Fichier src/App.vue
- Navigateur Web
- Récapitulation du chapitre 11
-
Chapitre 12 - Localisation et internationalisation - Localisation des langues - Partie 3
- Localiser la navigation principale
- Localiser le composant Items
- Récapitulation du chapitre 12
-
Chapitre 13 - Localisation et internationalisation - Formats de nombre et de date / heure
- Mises à jour des fichiers de paramètres régionaux JSON
- Récapitulation du chapitre 13
-
Chapitre 14 - Configuration de l’application
- src/config
- tsconfig.json
- src/config/index.ts
- Tests unitaires par rapport à Config
- Récapitulation du chapitre 14
-
Chapitre 15 - Utilisation des packages CSS/SASS/SCSS
- SCSS Library
- Mise à jour du code du plugin Flag-Icons
- Plugin MyAppScss
- Composant ThemeSelector
- Récapitulation du chapitre 15
-
Chapitre 16 - Création de composants autonomes
- Supprimer le code ThemeSelector existant
- Créer le répertoire Components-Standalone
- Créer le répertoire ThemeSelector
- CCréer les modèles ThemeSelector
- Créer les Custom Store Models ThemeSelector
- Clés constantes pour localStorage
- Créer le composant ThemeSelector
- Modifier le code App.vue
- Récapitulation du chapitre 16
-
Chapitre 17 - Bibliothèques de composants d’empaquetage pour la distribution
- Mises à jour de my-projet
- Récapitulation du chapitre 17
-
Chapitre 18 - Introduction aux primitifs
- Atomic Design (Conception atomique) et approches similaires
- Conventions
- Stratégies générales
- TailwindCSS
- Éléments de texte
- Vue des primitives
- Récapitulation du chapitre 18
-
Chapitre 19 - Primitives continues
- Éléments de bouton
- Vue des primitives - mise à jour
- Éléments Toggle/Checkbox
- Vue des primitives - encore une mise à jour
- Récapitulation du chapitre 19
-
Chapitre 20 - Composants de niveau supérieur
- Composant Item - mises à jour
- Composant ItemsList - mises à jour
- Résumé
- Récapitulation du chapitre 20
-
Chapitre 21 - Composants dynamiques
- Élément Card de base
- Composant BaseWidget
- Composant CustomersWidget
- Composant OrdersWidget
- Composant ItemsListWidget
- Fichier WidgetsCatalog.ts
- Composant WidgetsContainer, Modèles et state
- Vue du Widgets Playground Viw
- Navigateur Web
- Résumé
- Le fichier Vue.config.js
-
Conventions de nommage
- Normes de codage
- Notes
La garantie satisfaction de 60 jours à 100% de Leanpub
Dans les 60 jours suivant l'achat, vous pouvez obtenir un remboursement à 100% sur tout achat Leanpub, en deux clics.
Techniquement, c'est risqué pour nous, puisque vous aurez les fichiers du livre ou du cours dans tous les cas. Mais nous avons tellement confiance en nos produits et services, ainsi qu'en nos auteurs et lecteurs, que nous sommes heureux d'offrir une garantie de remboursement intégral pour tout ce que nous vendons.
Vous ne pouvez découvrir la qualité de quelque chose qu'en l'essayant, et grâce à notre garantie de remboursement à 100%, il n'y a littéralement aucun risque à le faire !
Alors, il n'y a aucune raison de ne pas cliquer sur le bouton Ajouter au panier, n'est-ce pas ?
Voir les conditions complètes...
Gagnez 8 $ sur un achat de 10 $, et 16 $ sur un achat de 20 $
Nous versons des redevances de 80 % sur les achats de 7,99 $ ou plus, et 80 % de redevances moins des frais fixes de 50 cents sur les achats entre 0,99 $ et 7,98 $. Vous gagnez 8 $ sur une vente de 10 $, et 16 $ sur une vente de 20 $. Ainsi, si nous vendons 5000 exemplaires non remboursés de votre livre à 20 $, vous gagnerez 80 000 $.
(Oui, certains auteurs ont déjà gagné beaucoup plus que cela sur Leanpub.)
En fait, les auteurs ont gagnéplus de 14 millions de dollars en écrivant, publiant et vendant sur Leanpub.
En savoir plus sur l'écriture sur Leanpub
Mises à jour gratuites. Sans DRM.
Si vous achetez un livre Leanpub, vous bénéficiez de mises à jour gratuites tant que l'auteur met à jour le livre ! De nombreux auteurs utilisent Leanpub pour publier leurs livres en cours de rédaction. Tous les lecteurs reçoivent des mises à jour gratuites, peu importe quand ils ont acheté le livre ou combien ils ont payé (même si c'était gratuit).
La plupart des livres Leanpub sont disponibles en PDF (pour ordinateurs) et en EPUB (pour téléphones, tablettes et Kindle). Les formats disponibles pour un livre sont indiqués dans le coin supérieur droit de cette page.
Enfin, les livres Leanpub n'ont aucune protection DRM absurde, vous pouvez donc les lire facilement sur n'importe quel appareil compatible.
En savoir plus sur les formats d'ebook Leanpub et où les lire
