#javascript #tip by reactive_dude

Slice vs Splice в JavaScript: на заметку фронтенд-разработчику.

Hyperscript Tagged Markup (htm) — альтернатива JSX, использующая стандартные шаблоны с тегами, с поддержкой компилятора👇

🔸Используйте JSX-подобный синтаксис в простом JavaScript (транспилятор не требуется)
🔸Разрабатывайте с помощью React/Preact прямо в браузере, а затем компилируйте htm для продакшена
🔸Он использует стандартные JavaScript tagged templates и работает во всех современных браузерах

📌htm в цифрах:

🐣 < 600 байт при использовании непосредственно в браузере
⚛️ < 500 байт при использовании с Preact (спасибо gzip 🌈)
🥚 < 450 байт версия htm/mini
🏅 0 байт при компиляции с помощью babel-plugin-htm

🔗 GitHub

🚀Оптимизация валидации формы Angular с помощью отложенной загрузки: быстрый гайд с примерами

Ленивая загрузка — это метод, используемый для повышения производительности веб-приложений. Он позволяет загружать необходимый код и ресурсы только тогда, когда это необходимо.

🔗 Читать

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

1⃣ Templated — коллекция простых HTML/CSS шаблонов
2⃣ Zerotheme — коллекция HTML/CSS шаблонов от дизайнера #Mik
3⃣ Html5up — коллекция элегантных, адаптивных и настраиваемых HTML/CSS шаблонов
4⃣ W3layouts — инициатива Hidayath по предоставлению бесплатных адаптивных шаблонов с поддержкой WordPress
5⃣ html5xcss3 — коллекция шаблонов, разработанных с учетом совместимости с экранами разных размеров

💬 Пользуетесь LinkedIn для поиска работы или других кейсов?

Больше «честных логотипов» от графического дизайнера Clif Dickens ищите на сайте.

👍 — конечно
🤔 — нет, он же заблокирован

🐛 9 признаков неопытного программиста

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

🔗 Читать статью
🔗 Зеркало

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

Для фронтенд-библиотеки реактивность — это способ автоматического выполнения обновлений в ответ на событие. В статье CTO builder.io углубляется в реактивность и сравнивает фреймворки.

🔗 Читать

Как и в любом достаточно динамическом языке, в JavaScript из коробки есть способы разобрать в рантайме структуру его значений — определить типы, ключи объектов, получить конструкторы и прототипы.

Автор статьи как раз рассматривает основные техники рефлексии JavaScript/TypeScript и показывает, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. Каждая из техник показана на примере небольшого CLI-фреймворка, работа с которым к концу статьи будет выглядеть как на картинке.

🔗 Читать

#холивар

🤔Что самое трудное в работе программиста? Правильно, выдумывать имена для переменных.

💬Как вы считаете, насколько важен хороший нейминг для сущностей (функций/переменных/констант/классов/модулей) в вашем коде? И есть ли у вас или в вашей команде общепринятые правила или лучшие практики, которым вы следуете при нейминге?

Если да, поделитесь опытом👇