Набор кодов(снипетов) и моих наработок для постоянного использования в работе
Созданы три функции: получение данных, изменение данных, добавление данных. Добавлена функция поиска данных в массиве обьектов
Создана функция: преобразование строки с Заглавной буквы. Например получаем строку "пеТров" преобразуем в "Петров".
Создана функция: получения рандомного значения букв и цифр. Созданы функции: получения рандомного числа в диапозоне от -100 до 100. Созданы функции: получения рандомного числа с округлением до целого.
Создана функция: которая сравнивает два элемента и возвращает -1 (если первый элемент меньше второго), 0 (если элементы равны) или 1 (если первый элемент больше второго)..
Создана функция: генерирует id для массива элементов и пример ее применения.
Созданы функции: сохранения данных в localStorage и получение из localStorage по ListName - название списка в нашем сторедже.
Создана функция: разные способы итерации массива обьектов.
Создана функция: способ поиска по массиву.
Создана функция: способ филтрации массива по критерию. Возвращает новые массив
MAP вызывает функцию для каждого элемента массива и возвращает массив результатов выполнения этой функции.
Метод reduce() применяет функцию reducer к каждому элементу массива (слева-направо), возвращая одно результирующее значение.
Пример с областью видимости функций
Пример работы цикла for of
Пример работы с DOM - валидация формы на чистом JS
Пример работы с DOM - создание элемента с атрибутами
Пример работы с IIFE функцией
Описание работы событий и тасков по приоритету
Пример работы сериализация и десериализация обьектов
let result = условие ? значение1 : значение2;
Делегирование в данном коде работает через передачу ответственности выполнения определенных действий от одного объекта к другому.
Пример работы Promise и взаимодействия с DOM элементами
Пример работы методов Promise и взаимодействия с DOM элементами
Пример решений глубокого сравнения двух обьектов
Пример решений проверки на полиндром строки
Пример решений создание массива из двух массивов с обьединением значений
Пример области видимости в обьекте и его определение через bind или стрелочную функцию
Пример запроса данных с сервера используя Fetch и Promise, при нажатии кнопки отоброжает на странице данные через 3 секунды.
Пример задач с собеседований по Event Loop, есть сложные варианты с async функциями
№30 - React component fetch and posts loading - пример работы запроса данных с сервера и использования useEffect
Пример работы useEffect в компоненте, загрузка данных с сервера и отображение
Пример работы перегрузки функции в TS, функция создает html элементы с параметрами
Пример работы передачи props из компонента в компонент
№33 - React Fetch and UseEffect - пример работы получения данных с сервера, их отображение и работы UseEffect (вывод данных по нажатию кнопки)
Пример работы пример работы получения данных с сервера, их отображение и работы UseEffect (вывод данных по нажатию кнопки)
№34 - React UseRef - пример работы UserRef, получение данных элемента и изменение его свойств или класса
Пример работы UseRef - получаем класс html элемента и меняем его свойства добавляя класс.