​Почему вам следует избегать использования состояния для вычисляемых свойств в React

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

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

https://tprg.ru/M0Fs

#react

​9 полезных CSS-приёмов, которые пригодятся

Изучив подробнее CSS, можно найти множество интересных фишек и приёмов. Не хотите копаться самостоятельно? Вот девять уже готовых приёмов:

https://tprg.ru/i8Im

#css

​Создайте 3D-принтер, который действительно печатает на CSS

Джей Томпкинс известен своими интересными проектами на CodePen. Когда-то мы показывали его раздражительного мишку.

В этой статье он поделился, как именно создаёт такие проекты, в частности, 3D-объекты с помощью CSS. На примере принтера, «печатающего» изображения, он подробно рассказал о применяемых им приёмах:

https://tprg.ru/mZzW

​В TypeScript 4.4 появилась долгожданная функция

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

Подробнее:

https://tprg.ru/9w1V

#typescript

​Новый HTML-элемент для отображения 3D-контента

HTML-элемент <model> пока только на стадии обсуждения, но уже сейчас можно ознакомиться с его будущими возможностями и особенностями.

Его предлагают ввести наряду с уже существующими тегами <img>, <picture> и <video> для простого и удобного способа отображения 3D-контента без применения <canvas>.

Подробнее об элементе можно прочитать тут:

https://tprg.ru/T2jI

#html

Создание сайта для бронирования путешествий с помощью Next.js, Tailwind CSS, стилизованных компонентов, Stripe и Auth0

Автор этой статьи, вдохновившись Airbnb и желая проверить свои навыки, создал веб-сайт для бронирования путешествий, который назвал rozbnb. Для фронтенда он использовал Next.js, Tailwind CSS и стилизованные компоненты, для аутентификации Auth0, для проведения платежей Stripe, а для показа местоположения объекта на карте MapBox.

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

https://tprg.ru/dbDe

​Как Kubernetes повышает ценность ИТ-навыков

На нашем сайте появилась статья, где автор поделился своим мнением о влиянии Kubernetes на ИТ-сферу в целом и на специалистов в области ИТ в частности.

Подробнее:

https://tprg.ru/zZYP

#kubernetes

​44 бесплатных ресурса для веб-разработчика

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

Здесь вы найдёте и онлайн-редакторы, и фотобазы, и шрифты, и многое другое:

https://tprg.ru/Hadh

​Чистая архитектура во фронтенде

Этот весьма полезный лонгрид является конспектом большого доклада, посвящённого чистой архитектуре во фронтенде. Если вы не знаете, что такое чистая архитектура — не беда, здесь объяснят это, а также как это выражается непосредственно во фронтенде.

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

https://tprg.ru/zmOd

#фронтенд

​Наследование в JavaScript: основные правила

В любом языке, предполагающем ООП, наследование является важной темой.

В этой статье автор, изучая наследование и не являясь при этом опытным JS-разработчиком, решил зафиксировать основные особенности наследования для лучшего понимания этой темы:

https://tprg.ru/nPyU

#javascript

​Чекните крутую вакансию фронтенд-разработчика на Vue.js

https://tprg.ru/Ewl2

Основная задача — разработка Web Live Broadcast платформы 20 часов в неделю или же full-time. Послужной список ребят, нужный стек и зарплата — всё лежит внутри (и даже фотки с рабочих мероприятий).

Быстрый отклик и личная беседа: https://tprg.ru/Ewl2

#вакансия

​Почему гиперссылки синие?

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

В этой статье окунулись в историю развития браузеров и интернета, чтобы ответить на этот вопрос:

https://tprg.ru/KPml

​Интерактивное руководство по анимации в CSS

Подробное и понятное руководство по созданию анимации в CSS с помощью @keyframes. Здесь на многочисленных примерах вам покажут, как работать с @keyframes и какие возможности он предоставляет:

https://tprg.ru/lqWA

#css

Библиотека ContentTools

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

Подробнее о библиотеке и установке:

https://tprg.ru/cLYC

#библиотека

Инструменты в повседневной работе JavaScript-разработчика

У нас на сайте появился полезный список инструментов, которые пригодятся многим JavaScript-разработчикам. Подробнее:

https://tprg.ru/vW7b

А чем бы вы дополнили список? Делитесь в комментариях.

​Полный контроль с VirtualKeyboard API

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

Как выжать из виртуальной клавиатуры максимум с помощью VirtualKeyboard API и не создать проблем, расскажут в этой статье:

https://tprg.ru/bHi3

​Tailwind за 100 секунд

Что такое Tailwind, зачем он нужен и как применяется — за 100 секунд расскажет это видео:

https://tprg.ru/opGH

#видео #tailwind

Никогда не знаешь, что может пригодиться

​Расширение для просмотра компоновки сайта

Instant Wireframe — это расширение для Google Chrome, которое покажет вам, как именно скомпонованы блоки на сайте. Это пригодится дизайнерам, а также начинающим фронтенд-разработчикам.

Скачать можно тут:

https://tprg.ru/1snb

#фронтенд

​API для фронтенд-разработки

Подборка различных API, которые пригодятся начинающим разработчикам проявить свои способности и сделать что-то необычное. Здесь вы найдёте API для самых разных задач:

https://tprg.ru/PkmG

#фронтенд