1. Ce qui change et ce qui ne change pas
1.1 Fragilité et antifragilité
__1.1.1 Récit de complexité
1.1.2 L'histoire du pressoir à olives
1.2 Écosystème de développement front-end et antifragilité
1.3 Options antifragiles
__1.3.1 Ceux qui survivent longtemps sont antifragiles.
__1.3.2 Les choses que j'ai apprises bénéficient-elles du changement ?

2 navigateurs
2.1 Composants qui constituent un navigateur
__2.1.1 Architecture de base du navigateur
__2.1.2 Quelle est la différence entre Chrome et Chromium ?
__2.1.3 Plusieurs règles que les navigateurs doivent respecter
__2.1.4 Architecture multiprocessus du navigateur
2.2 Comment le navigateur affiche l'écran
2.2.1 Trouver l'adresse du serveur web à partir de l'adresse de domaine
2.2.2 Établissement d'une connexion sécurisée pour améliorer la sécurité
__2.2.3 Demande d'une page web HTML
__2.2.4 Analyse du HTML et construction de l'arbre DOM
__2.2.5 Analyse CSS et construction de l'arbre CSSOM
__2.2.6 Configuration de l'arborescence de rendu
__2.2.7 Calculs d'implantation
__2.2.8 Peinture
__2.2.9 Pixellisation et composition
2.3 Pour que les navigateurs puissent afficher efficacement
2.3.1 Séparation des couches
__2.3.2 Traitement efficace du JavaScript
2.3.3 Regroupement et traitement des requêtes
_En repensant au voyage

3 React
3.1 Réagir et ne pas réagir
3.1.1 React n'est pas un outil de regroupement de modules.
3.1.2 React n'est pas un outil de style
3.1.3 React n'est pas un serveur
3.1.4 React n'est pas un outil d'optimisation pour les moteurs de recherche
__3.1.5 React n'est pas un outil optimisé pour le rendu graphique ou 3D.
__3.1.6 React est une bibliothèque web et native pour l'interface utilisateur.
3.2 Fonctionnement de React
3.2.1 Vue d'ensemble
3.2.2 DOM virtuel
__3.2.3 L'immense écosystème de React
__3.2.4 Tâches de rendu et planification React
3.2.5 L'épine dorsale et l'architecture en fibres de React
_En repensant au voyage

4 Next.js
4.1 Différences entre les bibliothèques et les frameworks
__4.1.1 Bibliothèque
__4.1.2 Cadre
4.1.3 Next.js en tant que framework
4.2 Optimisation pour les moteurs de recherche et rendu côté serveur
4.2.1 Fonctionnement des moteurs de recherche
__4.2.2 Qu'est-ce que le rendu côté serveur ?
4.2.3 Fonctionnement du rendu côté serveur
_4.3 Problèmes résolus par Next.js
__4.3.1 next/image pour optimiser l'image
__4.3.2 next/font pour optimiser les polices
_En repensant au voyage

5 Infrastructure
5.1 Pour que le service fonctionne correctement de l'autre côté du globe
5.1.1 Fournir les services nécessaires à moi-même et à mes amis
5.1.2 Fourniture de services utilisés par tous les citoyens de la République de Corée
5.1.3 Fournir des services globaux également utilisés au Vietnam
5.2 Architecture de microservices
__5.2.1 Qu'est-ce qu'une architecture de microservices ?
__5.2.2 Fondation pour le Cloud Native Computing
__5.2.3 Orchestration des conteneurs
5.2.4 Maillage de services
5.2.5 Surveillance du service
__5.2.6 Passerelle API
_En repensant au voyage

Une feuille de route web moderne qui couvre tout en un coup d'œil, des méthodologies sophistiquées aux plus complexes.

Les pages web construites avec React, Vue, Angular et Svelte rencontrent des problèmes de visibilité dans les résultats de recherche Google et mettent longtemps à se charger sur la première page en raison de leur taille importante.
En conséquence, la méthode SSR a retrouvé sa popularité, et des outils comme Next, Nuxt, Remix, SvelteKit, etc., qui pouvaient faciliter son utilisation, ont été créés. Un certain temps s'est écoulé depuis.
Vous pouvez désormais gérer à la fois le serveur et le backend avec uniquement du JavaScript.
Par conséquent, la simple création d'une page web ne vous rend pas compétitif.
Plutôt que de simplement suivre les tendances, nous devons pénétrer et gérer le flux de l'écosystème du développement.

Si 『Level Up React Programming with Next.js』, sélectionné comme ouvrage universitaire par Sejong Books en 2024, explore l'histoire du web et des frameworks comme une encyclopédie, depuis les débuts jusqu'à la création étape par étape d'un tableau de bord axé sur les graphiques, d'une application web intégrant des chatbots d'IA et d'un site de commerce électronique, ce nouveau livre 『Antifragile Frontend』 visualise le schéma directeur de l'écosystème de développement et l'imprime dans votre esprit.
Nous examinerons le lien entre l'écosystème de développement front-end et l'antifragilité, ainsi que la « technologie qui devient plus robuste face à tout changement », dans une perspective de résolution de problèmes et de durabilité.
Ce livre vous permettra de poser les bases et le cadre nécessaires pour gérer et superviser votre service dans son ensemble, et de le restructurer ou de l'adapter selon vos besoins.


Les lecteurs qui ont besoin de ce livre

- Ceux qui souhaitent comprendre le fonctionnement du web, de React et de Next.js
- Développeurs juniors qui souhaitent se constituer une base solide
- Les développeurs qui souhaitent introduire de nouvelles technologies sur la base de fondements solides
- Ceux qui veulent faire de la durabilité et de l'antifragilité leurs propres secrets de développement
- Pour ceux qui souhaitent se familiariser avec la méthode SSR qui a donné des résultats précis.
- Ceux qui souhaitent comprendre de manière logique les technologies de maintenance telles que la gestion des performances, les contrôles de stabilité et la réponse aux pannes.