У веб-розробці ми стикаємося з двома основними типами додатків: Багатосторінкові додатки (Multi-page Applications - MPA) та Односторінкові додатки (Single-page Applications - SPA). Щоб допомогти вам зрозуміти різницю, розглянемо два різних способи читання книги.

Багатосторінкові додатки (MPA)

Уявіть, що у вас є товста книга, кожна сторінка якої представляє окрему частину вашого веб-додатку. Коли ви хочете перейти від однієї частини до іншої, ви перегортаєте сторінку. Саме так працюють MPA. Кожен розділ або функція вашого веб-додатку має свою окрему веб-сторінку, так само, як кожна частина книги знаходиться на окремій сторінці. Але ось у чому річ: кожного разу, коли ви перегортаєте сторінку в книзі, вам потрібно трохи почекати, щоб прочитати нову сторінку. Це все одно, що закрити книгу і відкрити її знову. У MPA навігація між розділами вашого додатку часто передбачає таке "перегортання сторінок", що може дещо сповільнювати роботу.

Односторінкові додатки (SPA)

Уявіть, що у вас є чарівна книга. Коли ви починаєте читати, текст і зображення на сторінці миттєво змінюються, коли ви взаємодієте з історією. Вам не потрібно перегортати сторінки або чекати, поки завантажаться нові; все відбувається на цій сторінці. SPA - як ця чарівна книга. Спочатку завантажується лише одна сторінка, а потім чарівним чином змінюється, коли ви натискаєте кнопки або взаємодієте з додатком. Це робить SPA надзвичайно швидкими, тому що їм не потрібно завантажувати нові сторінки з веб-сервера щоразу, коли ви щось робите.

Чому всі так люблять SPAs?

• Вони схожі на читання захопливої історії в чарівній книзі.
• Вони блискавичні, тому що не змушують вас чекати, поки завантажаться нові сторінки.
• Вони більш інтерактивні, тому що ви можете робити щось в режимі реального часу, не чекаючи, поки з'являться нові сторінки. Це як мати всю історію в одному місці, готову змінюватися в міру розгортання сюжету.

React - це популярна бібліотека для розробки односторінкових додатків (SPA).