▫️ В поисках идеального фреймворка

#посмотреть

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

⏱Смотреть на YouTube ⏱45 минут

8 лучших JS-библиотек для анимации

#почитать

▫️Mo.js
▫️Vivus
▫️Three.js
▫️React Spring
▫️Popmotion
▫️Anime.js
▫️Framer Motion
▫️GSAP

⏱Читать статью

Обзор библиотеки types-spring

#почитать

Types-spring — это библиотека надстройка над typescript, улучшающая безопасность и удобство использования встроенных типов.

⏱Читать статью

15 полезных сниппетов кода JavaScript

#почитать

1. Блокировка воспроизведения видео
2. JavaScript Cookies
3. Предварительная загрузка изображений
4. Проверка E-mail
5. Запрет нажатия правой кнопки мыши на сайте
6. Отображение случайных цитат на сайте
7. Предыдущие/Следующие ссылки
8. Добавить страницу в закладки
9. Ссылка на страницу для печати
10. Вывод отформатированной даты
11. Разделитель запятыми
12. Получить область отображения браузера
13. Редирект с необязательной задержкой
14. Обнаружение айфонов
15. Вывести сообщение в строку состояния

⏱Читать статью

▫️ Тимлид разбирает резюме фронтендеров

#посмотреть

Тимлид из EMCD (криптопроект).

⏱Смотреть на YouTube ⏱ 1 час 15 минут

Лайфхаки для новичков в JavaScript

#почитать

▫️Продвинутые манипуляции с массивами
▫️Парадигма функционального программирования
▫️Продвинутый синтаксис async/await для асинхронных операций
▫️Использование генераторов
▫️Освоение замыканий
▫️Функциональная композиция
▫️Продвинутая обработка ошибок с помощью кастомизированного подхода
▫️Функциональное программирование с помощью Reduce
▫️Использование мемоизации для оптимизации
▫️Продвинутая деструктуризация массивов
▫️Задействование возможностей цепочки промисов
▫️Продвинутые манипуляции с DOM
▫️Тонкости обработки ошибок в асинхронных операциях
▫️Нюансы создания объектов
▫️Продвинутая обработка событий
▫️Потенциал регулярных выражений
▫️Продвинутое использование замыканий
▫️Техника расширения массива
▫️Продвинутые операции со множествами
▫️Особенности манипуляций со строками
▫️Продвинутый итерационный контроль

⏱Читать статью

Почему WebAssembly всё ещё не переплюнул JS и TS

#почитать

Почему WebAssembly, который считается "ускоренным JS", так и не стал популярнее классического JS, TypeScript или CoffeeScript за почти десятилетие.

⏱Читать статью

Service Workers против медленного интернета: Кэширование и улучшение UX

#почитать

Service Workers - worker, который создает отдельный и изолированный контекст выполнения, работающий параллельно с основным потоком в приложении. С помощью Service Worker'a, можно перехватывать сетевые запросы, эффективно реализовывать кэширование файлов, push-уведомления, фоновую синхронизацию и оффлайн доступность приложения.

Event Loop Service Workers - полностью асинхронный, поэтому Service Worker не может использовать синхронные API, такие как Local Storage/Session Storage и тд, также Service Worker не имеет доступа к DOM. Service Worker работает только по HTTPS из соображений безопасности.

N.B. Мы можем запустить только один Service Worker на странице, если вы попытаетесь создать более одного Service Worker'a на странице, то он просто подменит предыдущий.

⏱Читать статью

10 продвинутых приемов JavaScript для опытных разработчиков

#почитать

▫️Деструктурирующее присваивание
▫️Синтаксис оператора spread
▫️Каррирование
▫️Мемоизация
▫️Промисы и ключевые слова async/await
▫️Замыкания
▫️Композиция функций
▫️Объекты Proxy
▫️Делегирование событий
▫️Веб-воркеры

⏱Читать статью

Ошибки при использовании useState в React

#почитать

React.js стал краеугольным камнем современной веб-разработки, благодаря своему уникальному подходу к управлению состоянием внутри компонентов. Один из распространенных хуков  —  useState  —  является фундаментальным в этом контексте, но часто используется неправильно. Понимание и избежание этих распространенных ошибок крайне важно как для начинающих, так и для опытных разработчиков, стремящихся создавать эффективные приложения, не содержащие багов.
Рассмотрим четыре критические ошибки, которых следует избегать при использовании useState в React.
1. Не учитывать предыдущее состояние
2. Пренебрегать неизменяемостью состояния
3. Игнорировать природу асинхронных обновлений
4. Неправильно использовать состояния для производных данных

⏱Читать статью

▫️ Как прийти во фронтенд и уйти из него

#посмотреть

Есть ли куда развиваться внутри фронтенда и за его пределами. (ОККО и Яндекс.Игры)

⏱Смотреть на YouTube ⏱45 минут

Утилиты, которые повышают эффективность приложения React на Typescript

#почитать

▫️isEnum
▫️extractQueryParams
▫️delay
▫️cb
▫️formatCurrency
▫️capitalize
▫️onChange и распаковка
▫️toHumanReadable
▫️parse

⏱Читать статью

Валидация формы с помощью AJV, Vue.js и TypeScript

#почитать

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

AJV (Another JSON Schema Validator) - это быстрая библиотека валидации данных в формате JSON с поддержкой JSON Schema.

⏱Читать статью

JS-библиотеки для анимации

#почитать

GSAP
Anime.js
React Spring
Three.js
Popmotion

⏱Читать статью