Живые есть?

Bootstrap живее всех живых.

В последнем обновлении была добавлена поддержка темной темы. Bootstrap до сих пор актуален и имеет наибольшее количество гайдов и различный готовый решений, даже после отказа от jQuery с версии 5.0 стал только более актуален.

https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/

Я обязан продемонстрировать свои намерения, и поэтому, вот вам ещё один новостной пост не самой лучшей свежести.

Команда разработчиков фреймворка Svelte отказалась от TypeScript в своей кодовой базе. К слову, в Svelte Kit они изначально придерживались такого принципа и писали сразу с использованием JSDoc.

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

На моей памяти это первый такой прецедент отказа от TypeScript (привет, Илья Климов). Надеюсь, это не вызовет желание у других обитателей Open-Source комьюнити переписывать всё к чёрту. Главное - без TypeScript.

Поздравляем с 10-летием React.js 🎉 🥳

Чуть не пропустил.

UPD: Можете заценить пост от Vercel https://vercel.com/blog/10-years-of-react

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

Увидел в обновлении Prisma 4.15.0, что добавили возможность прокидывать аргументы в prisma db seed. Это я к чему вообще? Да к тому, что недавно я столкнулся с проблемой в seed-файле: мне нужно было добавлять одни данные в dev и другие в prod. Мы ещё вернёмся к этому, когда придёт время переписывать shortener.

https://github.com/prisma/prisma/releases/tag/4.15.0

Codeium - нейросеть для автодополнения кода, убийца GitHub Copilot.

Что умеет:
- Автодополнение кода.
- Рефакторинг кода, проставление комментариев в коде, добавление console.log для отладки, очистка/форматирование кода, поиск багов, реализация кода по комментарию, типизация кода, повышение эффективности кода.
- Может объяснить код.

Для последних двух пунктов есть чат, в котором происходит общение с ботом. К сожалению, в нем не хватает создание conversation-ов.

Из самого полезного за неделю использования для себя я выделяю написание JSDoc комментариев. В сравнении с Copilot это просто небо и земля.

Доступно для: VS Code, JetBrains, Vim, Neovim, Google Chrome.

Релиз TypeScript 5.1

- Корректная проверка для функций, возвращающих undefined
- Отсутствие ограничений между типами геттеров/сеттеров (нужно будет поподробнее посмотреть)
- Теперь работает переименование тегов в JSX (странно что оно раньше не работало)
- Сниппет @param в JSDoc

https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/

Windows-пользователи на месте?

На прошлой неделе Microsoft показала Dev Home и многое другое.

Dev Home - это новый центр управления для Windows, предоставляющий возможность отслеживать проекты на панели мониторинга с помощью настраиваемых мини-приложений, настраивать среду разработки путем скачивания приложений, пакетов или репозиториев, подключаться к учетным записям разработчиков и их средствам (например, GitHub), а также создавать диск разработки для хранения всего в одном месте.

Для разработчиков, которые используют Windows 11, выглядит это даже привлекательно. Кроме того, Microsoft объявила, что больше не будет поддерживать приложение Cortana в Windows 10 и Windows 11 в конце этого года из-за глубокой интеграции Copilot в Windows.

https://youtu.be/bC-60KNgLuE

TypeScript 5.2 представит новый оператор — using, которое вы можете использовать для удаления чего-либо с помощью функции [Symbol.dispose], когда оно выходит из области видимости.

С оператором using я еще познакомился в С#. Оно позволяет создавать блок кода, в котором происходит автоматическое освобождение ресурсов после завершения работы с ними. Таким образом, использование using позволяет управлять ресурсами в вашей программе, а сборщик мусора отслеживает неиспользуемые объекты и автоматически освобождает память, занимаемую ими.

TypeScript issue: https://github.com/microsoft/TypeScript/issues/52955
Proposal в TC39: https://github.com/tc39/proposal-explicit-resource-management

В обновлении TypeScript 5.2 будет исправлена ошибка для union массивов. Для обхода этой ошибки приходилось использовать метод, аналогичный тому, который используется в примере с fn2.

Panda CSS — новый продукт от разработчиков ChakraUI 🎉

Zero-runtime, поддержка серверных компонентов, variants, design tokens.
Работает в React, Next.js, Svelte и других.

Генерирует современный CSS код во время сборки использует современные возможности, такие как cascade layers, селекторы where и CSS переменные. Как аналог vanilla-extract и stitches пойдет 👍

На этой неделе планирую писать только про расширения для VS Code, первое из таких мне попалось в Twitter и я сразу же взял его на вооружение.

Git File History — интуитивно понятный интерфейс для просмотра истории изменений в git.

Также для просмотра истории можно использовать команду git blame, или же на самом GitHub есть кнопка "blame", когда просматриваете файл.

Пишите в комментариях, какие вы используете приложения для просмотра git истории.

https://user-images.githubusercontent.com/1911623/52807635-d5043480-306a-11e9-9b03-351b7cda4936.gif

Забыл что Telegram жмет gif, больше такого не повторится 🫢

Сегодня я расскажу вам о своём любимом расширении для VS Code.

JavaScript Booster — предоставляет различные быстрые исправления (More Actions…) при написании кода на JavaScript и TypeScript. Перевести function declaration в function expression и наоборот, конвертировать строку в шаблонную, обернуть React компонент в forwardRef и тд.

Figma выкатила самый жирный апдейт года — жирнющий Dev Mode, Figma в VS Code, интеграция со Storybook, Jira и GitHub, переменные, определение локализации, Wrap Auto Layout, обновленный Font picker, редизайн File browser, продвинутые прототипы и прочее мелочи.

https://figma.com/whats-new/

Пропозал Change Array by copy теперь поддерживается всеми браузерами!

Firefox (последний) недавно добавил поддержку в v115, а также Mozilla объявила, что версия Firefox v115 станет последней, которая будет поддерживать Windows 7, 8, и 8.1, а также macOS 10.12, macOS 10.13 и macOS 10.14. Пользователи будут получать обновления безопасности до сентября 2024 года.

Новые Array immutable методы к изучению:
- toSorted
- toReversed
- toSpliced
- with

Codesandbox прямо в VS Code.

Недавно стал снова использовать Stackblitz. У меня были какие-то странные проблемы с Codesandbox, подсветка синтаксиса, отсутствие настроек ESLint (покрайней мере я не нашел настроек). Расширение выглядит очень даже интересным, лишний раз не нужно заходить на сайт, при этом открывается больше возможностей внутри самого редактора, ваши индивидуальные настройки, которых нету на сайте, сниппеты, расширения и тд.

https://marketplace.visualstudio.com/items?itemName=CodeSandbox-io.codesandbox-projects