У веб-розробці існують два основних типи застосунків: багатосторінкові застосунки (MPA) та односторінкові застосунки (SPA). Щоб краще зрозуміти різницю, уявіть собі два різні способи читання книги.

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

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

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

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

Чому SPAs так популярні?

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

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