​Мой типичный рабочий день:

​Является ли Bun следующим значительным достижением после WebPack?

Недавно был представлен новый игрок экосистемы инструментов JavaScript  —  bun. Он призван сделать разработку JavaScript еще быстрее. Этот инструмент можно назвать всеобъемлющим: он не просто ускоряет компиляцию и синтаксический анализ, но и предоставляет собственный менеджер зависимостей и пакетирование.

Обзор этого многообещающего инструмента тут:

https://nuancesprog.ru/p/15623/

#bun #javascript

​3 способа стилизации эффектов CSS с помощью box-shadow

В настоящее время недостаточно того, чтобы веб-сайт выполнял свою работу — он должен отправлять пользователя в путешествие, эстетически приятное путешествие по оттенкам, шрифтам и всему остальному. И тени играют в этом важную роль! В этой статье вы познакомитесь с возможностями свойства box-shadow и научитесь создавать слоистые, неоновые и неоморфные тени:

https://blog.logrocket.com/three-ways-style-css-box-shadow-effects/

#css #фронтенд

​Как использовать математические функции CSS

Логические функции CSS calc(), clip(), min() и max() поддерживаются всеми современными веб-браузерами. Но, несмотря на то, что они легко доступны, простой поиск на GitHub говорит нам о том, что внедрение этих функций идет медленно.

Давайте познакомимся с ними ближе, чтобы начать использовать в своих проектах:

https://stackdiary.com/css-math-functions/

#css

​Как в JavaScript добавляются новые функции

JavaScript не принадлежит какой-то одной организации или юридическому лицу. ECMA (Европейская ассоциация производителей компьютеров) — это организация, которая продвигает стандарты информационных технологий и бытовой электроники. TC39, является частью ECMA. Именно они отвечают за стандартизацию и поддержку JavaScript. В него входят разработчики, ученые, сотрудничающие с сообществом.

Но добавить новый стандарт — только полдела, необходимо, чтобы он был внедрён во все браузеры и платформы. О том, как это всё реализовано, читайте в статье:

https://tprg.ru/97dg

#javascript

А когда обратно уменьшаешь, то становится только хуже

​​Улучшение Visual Studio Code для новичков

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

Но иногда расширения могут быть излишними, ведь VSCode обладает гибкими настройками, которые при должном умении сильно расширяют базовые возможности.

Подробнее обо всём в статье:

https://habr.com/ru/post/653465/

#vscode

10 антипаттернов React, которых следует избегать

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

В этом руководстве вы рассмотрите 10 антипаттернов в React, а также советы и рекомендации по улучшению вышего кода.

https://www.youtube.com/watch?v=b0IZo2Aho9Y

#видео #react

​Динамическая типизация — вещь непредсказуемая:

Быстрее, проще, дружелюбнее: сможет ли quick-lint-js заменить ESLint?

Создатели quick-lint-js считают, что ESLint не только медленный, но и менее точный, чем их решение. По их словам новый линтер способен работать быстрее и проще, чем существующее решение.

Но так ли это? Здесь авторы рассказали о некоторых возможностях и важных различиях в подходе. Посмотрите и решите для себя сами:

https://quick-lint-js.com/blog/version-1.0/

#javascript #линтеры

​Любопытные извращения из мира IT, или зачем JS в C++-код вкомпилили

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

После нескольких сломанных копий на попытках решить задачу без костылей решение было найдено. Подробнее об этом увлекательном акте мазохизма в статье:

https://habr.com/ru/post/577938/

#javascript

​Подборка полезных материалов для веб-разработчиков: от бэкенда до фронтенда

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

Бэкенд:
— как освоить бэкенд-разработку в 2022 году: дорожная карта;
— backend для начинающих на node.js express;
— топ-10 бэкенд-фреймворков для веб-разработки в 2022 году.

Фронтенд:
— создание индикатора прогресса чтения в React и TailwindCSS;
— как не надо импортировать SVG в React и Vue;
— создаём анимацию, привязанную к скроллу страницы на чистом JavaScript.

А если хотите ещё больше материалов, то на канале их можно найти по тегам #бэкенд, #фронтенд и другим.

#фронтенд #бэкенд

6. Понять, что в статье 90% воды, а оставшиеся 10% не о том, что ты искал

Как создавать потрясающие 3D-сцены с помощью React Three Fiber

В этой статье показано, как создавать потрясающие 3D-анимации с помощью React Three Fiber (R3F). Вы рассмотрите настройку сцены, создание геометрии, добавление освещения и включение эффектов постобработки. Более того, вы научитесь воссоздавать приведенную выше анимацию с нуля.

https://varun.ca/modular-webgl/

#фронтенд #библиотека #r3f

​Как использовать пользовательские шрифты в Tailwind CSS

Если вы работаете с Tailwind, то в этой статье вы сможете узнать, как добавить как веб-шрифты (Google Fonts), так и локально установленные шрифты в ваши проекты Tailwind. Это гарантирует, что вы создадите свой проект именно так, как того хотели.

https://blog.logrocket.com/how-to-use-custom-fonts-tailwind-css/

#css #tailwind

​Создание игры с Three.js

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

В этой статье вы сможете изучить способ, как можно создать игру с помощью Three.js:

https://blog.logrocket.com/creating-game-three-js/

#threejs

Императивное и декларативное программирование

Небольшое видео, объясняющее чем отличается императивное и декларативное программирования, а также почему вы предпочитаете одно другому:

https://youtu.be/E7Fbf7R3x6I

#видео

​25 мест, где можно найти бесплатные компоненты Tailwind CSS

Работаете с Tailwind? Тогда вы могли столкнуться с такой проблемой, что нужного компонента не было, а где искать вы не знали. Но мы попробуем решить вашу проблему, предложив статью, где собраны аж 25 источников компонентов на любой вкус. Вот она:

https://techrocks.ru/2022/01/24/25-components-libraries-for-tailwind-css/

#tailwind #css

​​Я: повторяю инструкцию из интернета

Мой код: