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
Aucun risque ! Satisfait ou remboursé !
Durant les 60 jours suivant l'achat, vous pouvez obtenir un remboursement à 100% de la part de Leanpub, en moins de deux clics. Nous traitons les remboursements manuellement, un délai de quelques jours est nécessaire. Voir nos conditions générales.
80% de droits d'auteur. Gagnez $16 sur un livre à $20.
Nous payons des royalties de 80%. Ce n'est pas une erreur : vous gagnez 16 $ sur une vente à 20 $. Si nous vendons 5000 exemplaires non remboursés de votre livre ou de votre cours pour 20 $, vous gagnerez 80 000 $.
(Oui, certains auteurs ont déjà gagné bien plus que cela sur Leanpub.)
En fait, les auteurs ont gagnéplus de 12 millions de dollars en écrivant, publiant et vendant sur Leanpub.
En savoir plus sur l'écriture sur Leanpub
Mises à jour gratuit. Sans DRM.
Si vous achetez un livre Leanpub, vous obtenez des mises à jour gratuit tant que l'auteur met à jour le livre ! De nombreux auteurs utilisent Leanpub pour publier leurs livres en cours, lorsqu'ils les écrivent. Tous les lecteurs obtiennent les mises à jour gratuites, quel que soit le moment où ils ont acheté le livre ou combien ils ont payé (même s'ils étaient gratuits).
La plupart des livres Leanpub sont disponibles en format PDF (pour les ordinateurs) et EPUB (pour les téléphones, les tablettes, et les Kindles). Les formats inclus sont affichés dans le coin droit supérieur de cette page.
Finalement, les livres Leanpub n'ont pas de DRM, d'abord vous pouvez toujour les lire facilement sur n'importe quel appareil pris en charge.
En savoir plus sur les formats des livres ebook de Leanpub et où les lire
