
Antifragile front end
Description
Book Introduction
Completing the Modern Web for Problem Solving
Revisiting the fundamentals of React and NextJSpedia
Antifragile is a new term coined by Nassim Nicholas Taleb, author of The Black Swan, and used as the title of another book.
The concept of ‘becoming stronger when impacted’ was born by adding the prefix ‘anti-’ to the word ‘fragile’, which means ‘easily broken when impacted’.
So what does antifragility have to do with the front-end development ecosystem?
The era of AI has arrived, with faster change and greater uncertainty than ever before.
And new technologies continue to emerge and disappear across countless categories, including rendering libraries, testing tools, and integration frameworks.
But web pages still need to be served to users even if React disappears.
So now is the time to develop your own methodology rather than delve deep into one technology.
It is important to understand what the tool defines as a problem and how it solves it.
Through "Antifragile Frontend," we will explore the elements that make up a service, from browsers to infrastructure, including what React is and isn't, how the React-based framework Next.js works, and the problems it solves. We hope that by exploring these elements, you will be able to grasp the core of adapting to any environment.
Revisiting the fundamentals of React and NextJSpedia
Antifragile is a new term coined by Nassim Nicholas Taleb, author of The Black Swan, and used as the title of another book.
The concept of ‘becoming stronger when impacted’ was born by adding the prefix ‘anti-’ to the word ‘fragile’, which means ‘easily broken when impacted’.
So what does antifragility have to do with the front-end development ecosystem?
The era of AI has arrived, with faster change and greater uncertainty than ever before.
And new technologies continue to emerge and disappear across countless categories, including rendering libraries, testing tools, and integration frameworks.
But web pages still need to be served to users even if React disappears.
So now is the time to develop your own methodology rather than delve deep into one technology.
It is important to understand what the tool defines as a problem and how it solves it.
Through "Antifragile Frontend," we will explore the elements that make up a service, from browsers to infrastructure, including what React is and isn't, how the React-based framework Next.js works, and the problems it solves. We hope that by exploring these elements, you will be able to grasp the core of adapting to any environment.
- You can preview some of the book's contents.
Preview
index
1. What Changes and What Doesn't Change
_1.1 Fragility and Antifragility
__1.1.1 Complexity Story
__1.1.2 The Story of the Olive Press
_1.2 Front-end development ecosystem and antifragility
_1.3 Antifragile options
__1.3.1 Those that survive long are antifragile.
__1.3.2 Do the things I have learned benefit from the change?
2 browsers
_2.1 Components that make up a browser
__2.1.1 Basic browser architecture
__2.1.2 What is the difference between Chrome and Chromium?
__2.1.3 Several rules that browsers must follow
__2.1.4 Browser's Multi-Process Architecture
_2.2 How the browser renders the screen
__2.2.1 Finding the web server address from the domain address
__2.2.2 Establishing a secure connection to improve security
__2.2.3 Requesting an HTML web page
__2.2.4 Parsing HTML and Building the DOM Tree
__2.2.5 CSS parsing and CSSOM tree construction
__2.2.6 Render Tree Configuration
__2.2.7 Layout calculations
__2.2.8 Paint
__2.2.9 Pixelation & Composition
_2.3 For browsers to render efficiently
__2.3.1 Layer separation
__2.3.2 Processing JavaScript Efficiently
__2.3.3 Bundling requests and processing them
_Looking back on the journey
3 React
_3.1 React and Not React
__3.1.1 React is not a bundler
__3.1.2 React is not a styling tool
__3.1.3 React is not a server
__3.1.4 React is not a search engine optimization tool
__3.1.5 React is not a tool optimized for graphics or 3D rendering.
__3.1.6 React is a web and native library for UI.
_3.2 How React Works
__3.2.1 The big picture
__3.2.2 Virtual DOM
__3.2.3 React's huge ecosystem
__3.2.4 React Rendering Tasks and Scheduling
__3.2.5 React's spine, fiber architecture
_Looking back on the journey
4 Next.js
_4.1 Differences between libraries and frameworks
__4.1.1 Library
__4.1.2 Framework
__4.1.3 Next.js as a Framework
_4.2 Search Engine Optimization and Server-Side Rendering
__4.2.1 How search engines work
__4.2.2 What is server-side rendering?
__4.2.3 How server-side rendering works
_4.3 Problems Solved by Next.js
__4.3.1 next/image to optimize the image
__4.3.2 next/font to optimize fonts
_Looking back on the journey
5 Infrastructure
_5.1 For the service to work well on the other side of the globe
__5.1.1 Providing necessary services to myself and my friends
__5.1.2 Providing services used by all citizens of the Republic of Korea
__5.1.3 Providing global services that are also used in Vietnam
_5.2 Microservice Architecture
__5.2.1 What is a microservice architecture?
__5.2.2 Cloud Native Computing Foundation
__5.2.3 Container Orchestration
__5.2.4 Service Mesh
__5.2.5 Service Monitoring
__5.2.6 API Gateway
_Looking back on the journey
_1.1 Fragility and Antifragility
__1.1.1 Complexity Story
__1.1.2 The Story of the Olive Press
_1.2 Front-end development ecosystem and antifragility
_1.3 Antifragile options
__1.3.1 Those that survive long are antifragile.
__1.3.2 Do the things I have learned benefit from the change?
2 browsers
_2.1 Components that make up a browser
__2.1.1 Basic browser architecture
__2.1.2 What is the difference between Chrome and Chromium?
__2.1.3 Several rules that browsers must follow
__2.1.4 Browser's Multi-Process Architecture
_2.2 How the browser renders the screen
__2.2.1 Finding the web server address from the domain address
__2.2.2 Establishing a secure connection to improve security
__2.2.3 Requesting an HTML web page
__2.2.4 Parsing HTML and Building the DOM Tree
__2.2.5 CSS parsing and CSSOM tree construction
__2.2.6 Render Tree Configuration
__2.2.7 Layout calculations
__2.2.8 Paint
__2.2.9 Pixelation & Composition
_2.3 For browsers to render efficiently
__2.3.1 Layer separation
__2.3.2 Processing JavaScript Efficiently
__2.3.3 Bundling requests and processing them
_Looking back on the journey
3 React
_3.1 React and Not React
__3.1.1 React is not a bundler
__3.1.2 React is not a styling tool
__3.1.3 React is not a server
__3.1.4 React is not a search engine optimization tool
__3.1.5 React is not a tool optimized for graphics or 3D rendering.
__3.1.6 React is a web and native library for UI.
_3.2 How React Works
__3.2.1 The big picture
__3.2.2 Virtual DOM
__3.2.3 React's huge ecosystem
__3.2.4 React Rendering Tasks and Scheduling
__3.2.5 React's spine, fiber architecture
_Looking back on the journey
4 Next.js
_4.1 Differences between libraries and frameworks
__4.1.1 Library
__4.1.2 Framework
__4.1.3 Next.js as a Framework
_4.2 Search Engine Optimization and Server-Side Rendering
__4.2.1 How search engines work
__4.2.2 What is server-side rendering?
__4.2.3 How server-side rendering works
_4.3 Problems Solved by Next.js
__4.3.1 next/image to optimize the image
__4.3.2 next/font to optimize fonts
_Looking back on the journey
5 Infrastructure
_5.1 For the service to work well on the other side of the globe
__5.1.1 Providing necessary services to myself and my friends
__5.1.2 Providing services used by all citizens of the Republic of Korea
__5.1.3 Providing global services that are also used in Vietnam
_5.2 Microservice Architecture
__5.2.1 What is a microservice architecture?
__5.2.2 Cloud Native Computing Foundation
__5.2.3 Container Orchestration
__5.2.4 Service Mesh
__5.2.5 Service Monitoring
__5.2.6 API Gateway
_Looking back on the journey
Detailed image

Publisher's Review
A modern web roadmap that covers everything from sophisticated methodologies at a glance.
Web pages built with React, Vue, Angular, and Svelte have problems with being exposed in Google search results and taking a long time to load on the first page due to their large size.
As a result, the SSR method became popular again, and Next, Nuxt, Remix, SvelteKit, etc., which could help with the SSR method, were created, and some time passed since then.
Now you can cover both server and backend with just JavaScript.
Therefore, simply creating a web page does not make you competitive.
Rather than simply following trends, we must penetrate and manage the flow of the development ecosystem.
If 『Level Up React Programming with Next.js』, selected as the academic book by Sejong Books in 2024, delves into the history of the web and frameworks like an encyclopedia, going from the beginning to the step-by-step creation of a chart-centric dashboard, a web app that integrates AI chatbots, and an e-commerce site, this new book 『Antifragile Frontend』 visualizes the blueprint of the development ecosystem and imprints it in your mind.
We'll examine the connection between the front-end development ecosystem and antifragility, and the "technology that becomes more robust in the face of any change" from a problem-solving and sustainability perspective.
Let's lay the groundwork and framework with this book so you can manage and oversee your service as a whole, and restructure or scale it as needed.
Readers who need this book
- Those who want to understand the flow of web, React, and Next.js
- Junior developers who want to build a solid foundation
- Developers who want to introduce new technologies based on sound grounds
- Those who want to make sustainability and antifragility their own development secrets
- For those who want to face the SSR method that has returned accurately.
- Those who want to logically understand maintenance technologies such as performance management, stability checks, and failure response.
Web pages built with React, Vue, Angular, and Svelte have problems with being exposed in Google search results and taking a long time to load on the first page due to their large size.
As a result, the SSR method became popular again, and Next, Nuxt, Remix, SvelteKit, etc., which could help with the SSR method, were created, and some time passed since then.
Now you can cover both server and backend with just JavaScript.
Therefore, simply creating a web page does not make you competitive.
Rather than simply following trends, we must penetrate and manage the flow of the development ecosystem.
If 『Level Up React Programming with Next.js』, selected as the academic book by Sejong Books in 2024, delves into the history of the web and frameworks like an encyclopedia, going from the beginning to the step-by-step creation of a chart-centric dashboard, a web app that integrates AI chatbots, and an e-commerce site, this new book 『Antifragile Frontend』 visualizes the blueprint of the development ecosystem and imprints it in your mind.
We'll examine the connection between the front-end development ecosystem and antifragility, and the "technology that becomes more robust in the face of any change" from a problem-solving and sustainability perspective.
Let's lay the groundwork and framework with this book so you can manage and oversee your service as a whole, and restructure or scale it as needed.
Readers who need this book
- Those who want to understand the flow of web, React, and Next.js
- Junior developers who want to build a solid foundation
- Developers who want to introduce new technologies based on sound grounds
- Those who want to make sustainability and antifragility their own development secrets
- For those who want to face the SSR method that has returned accurately.
- Those who want to logically understand maintenance technologies such as performance management, stability checks, and failure response.
GOODS SPECIFICS
- Date of issue: September 26, 2025
- Page count, weight, size: 272 pages | 173*230*20mm
- ISBN13: 9791165923341
- ISBN10: 1165923343
You may also like
카테고리
korean
korean