Рефакторинг на максималках

Книга выросла из доклада «Рефакторинг на максималках» Алексея Беспоясова в 2022 году, при подготовке которого стало очевидно, что в 40-минутный слот не получится затолкать всё, о чём хотелось бы рассказать.

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

Примеры написаны преимущественно на JavaScript и иногда на TypeScript, но описанные техники рефакторинга применимы и в других высокоуровневых языках. Если вы не пишите на JS/TS, но можете понять небольшие фрагменты кода на них, то эта книга может оказаться полезной и вам тоже.

Источник

Sailboat UI — современная библиотека UI-компонентов для Tailwind CSS. Под капотом более 150 компонентов Tailwind с открытым исходным кодом.

https://sailboatui.com/

Введение в React Batching на примерах: от создания (v0.4.0) до React 18.

Смотреть

#css #tip by reactive_dude

Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.

Подкаст «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев про React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility, order и тригонометрию в CSS.

00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS

🔗 Слушать на Ютубе
🔗 Ссылки на сайте

Как уменьшить размер npm-пакета: общие советы и полезные практические аспекты.

Читать

Новогодние праздники подходят к концу, надеемся вы успели провести их с пользой😌

А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста!

– Математика для Data Science
– Алгоритмы и структуры данных
– Как айтишнику устроиться в международную компанию
– Основы IT для непрограммистов
– Основы программирования на Python
– Frontend Basic: принцип работы современного веба.

🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539

Начните новый год правильно!
И не забывайте - завтра подводим итоги конкурса, где можно выиграть:

🥇 Apple AirPods Pro 2
🥈 Курс «Математика для Data Science
🥉 Курс: «Алгоритмы и структуры данных»

👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2

#css #tip by reactive_dude

Наглядная иллюстрация разницы между align-items и justify-content в CSS Flexbox.

justify-content: aligns items along flex-direction (main axis)
align-items: in the opposite direction (cross axis)

Помните рейтинг «Восходящие звезды JavaScript 2022»? Там Bun стал победителем в номинации «Самые популярные проекты». Узнайте подробнее о новой среде выполнения JavaScript-кода.

⚖️ Работа или жизнь: принципы Work-life balance

Если ты работаешь 25/8, а переработка для тебя стала обыденностью – эта статья для тебя. Рассказываем об угрозах трудоголизма и как найти тот самый баланс.

🔗 Основной сайт
🔗 Зеркало

Обзор различных архитектур, которые видела на своем пути веб-разработка

Multi-Page Apps (MPAs) ➡️ Progressively Enhanced Multi-Page Apps (PEMPAs, aka “JavaScript Sprinkles”) ➡️ Single Page Apps (SPAs)

Разбираемся, что ждет нас дальше.

Оглядываясь на прошлый год, Ryan Carniato (автор библиотеки SolidJS UI и член основной группы MarkoJS) высказывает свое мнение о том, какими он видит JavaScript-фреймворки в этом году.

#javascript #tip by reactive_dude + сравнение производительности

🔝ТОП-10 шаблонизаторов для фронтенд-разработки

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

🔗 Основной сайт
🔗 Зеркало

Основы создания доступных веб-сайтов и веб-приложений: опубликованы все модули курса Learn Accessibility.

Подробнее