31 июл в 00:33

Краткая методичка по использованию CSR в React, Angular, Vue.js

Простой

Ожидает приглашения

Доброго времени суток дорогой читатель, хочу тебя ознакомить с базовыми возможностями использования Client Side Rendering в React, Angular, Vue.js. В данной методичке будет показаны базовые понятия для создания простого проекта на данных библиотеке и фреймворках.

Я думаю, что контент методички можно было бы разбить на ряд статей, но решил, что формат pdf файла в ГОСТ, более лучшая и удобная версия. Если кто-то увидит недочёты, то буду рад исправить и обсудить.

Для кого полезна данная книга?

Данная книга будет полезна, для людей кто хочет ознакомится, хотя бы на базовом уровне, с данными технологиями, или освежить информацию о них.

Краткое оглавления для понимания содержания

Что такое CSR? (4 стр.)
1. Введение (4 стр.)
2. Плюсы и минусы CSR (4 стр.)
Инструменты для CSR (5 стр.)
1. Введение (5 стр.)
2. React (6 стр.)
  1. Создание приложения React (6 стр.)
  2. Структура проекта (6 стр.)
  3. Компоненты (10 стр.)
  4. Хуки (12 стр.)
  5. Пропс Children и обработка событий (16 стр.)
  6. Как добавить стили? (18 стр.)
  7. Навигация (19 стр.)
  8. Менеджер состояний Redux (бонус) (21 стр.)
3. Angular (28 стр.)
  1. Создание приложения Angular (28 стр.)
  2. Структура проекта (29 стр.)
  3. Компоненты (32 стр.)
  4. Методы жизненного цикла компонента (38 стр.)
  5. Декораторы (39 стр.)
  6. Директивы (41 стр.)
  7. Сервисы (42 стр.)
  8. Http запросы (43 стр.)
  9. Пайпы (48 стр.)
  10. Модули (49 стр.)
  11. Навигация (50 стр.)
  12. One-way binding и Two-way binding (57 стр.)
  13. Итоги (57 стр.)
4. Vue (60 стр.)
  1. Создание приложения Vue (60 стр.)
  2. Структура проекта (60 стр.)
  3. Компоненты (63 стр.)
  4. Двустороннее связывание (66 стр.)
  5. Передача переменных от родителя к сыну и наоборот (68 стр.)
  6. Глобальная регистрация компонента (72 стр.)
  7. Директивы (72 стр.)
  8. Жизненный цикл компонента (75 стр.)
  9. Наблюдаемый и вычисляемые свойства (Watch / Computed) (76 стр.)
  10. Доступ к DOM элементу или про Ref (79 стр.)
  11. Навигация (81 стр.)
  12. Собственные директивы (85 стр.)
  13. Примеси (87 стр.)
  14. Кратко о Vuex (88 стр.)
  15. Composition API (94 стр.)
Заключение (96 стр.)
Список используемых источников (97 стр.)

Методичка "краткий сценарий по CSR"

Прикрепляю ссылку откуда можно скачать методичку и ознакомиться с ней:

Итоги

Если вы прочли данную методичку и попробовали выполнить код по её советам, то вы огромные молодцы, и ничего страшного за именами React, Angular, Vue.js нет. Базовое представление о данных технологиях было сказано на момент 18.06.2024, поэтому если что-то устарело, напишите в комментариях, я постараюсь это исправить.

Спасибо огромное всем источникам, откуда была взята эта информация. Вот пикча для поднятия настроения:

Теги:

Хабы: