Webchic - frontend, backend, ci/cd

8 удобных React хуков

— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента

#react

К статье(eng)

Более 120 готовых Tailwind V2 блоков, которые можно использовать в своем приложении

#tailwind

К блокам

React Hooks — useMemo + React.memo

#react

К видеоуроку(rus)

Git, я хочу все отменить! Команды исправления допущенных ошибок

#git

К статье(rus)

Как работает dns

Веселое и красочное объяснение того, как работает DNS.

“Привет всем! Мы сделали этот комикс, чтобы объяснить, что происходит, когда вы вводите адрес веб-сайта в своем браузере.”

#dns

К комиксу(eng)

Как работает https

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

Следите за приключениями Certificat, Browserbird и Compugter, объясняющих, почему HTTPS имеет решающее значение для будущего Интернета и как все это работает вместе.

Не позволяйте плохим крабам схватить вас (вы поймете, что мы имеем в виду в комиксе). Узнайте, почему HTTPS важен для вашей конфиденциальности.

#https

К комиксу(eng)

Animista - сервис с большим набором готовых анимаций, которые можно поднастроить и скопировать код

#css

Animista

System Design Primer - Это отличный репозиторий для инженеров-программистов, который поможет вам научиться проектировать крупномасштабные системы. Репозиторий предоставляет организованный набор ресурсов по этой широкой теме.
Поскольку проектирование системы часто является необходимым компонентом процесса технического собеседования во многих компаниях, этот репозиторий также может помочь вам подготовиться к этим собеседованиям с помощью учебного пособия, советов о том, как подойти к собеседованию, вопросов для собеседований с решениями.

#architecture

Github(eng)

Github(rus)

Воссоздание эффекта сбоя кнопки, как в Cyberpunk 2077 с помощью CSS

#css

К статье(eng)

Codepen

Как просмотреть в реальном времени свой localhost с ноутбука на мобильном устройстве

#debug

К статье(eng)

Еще один популярный вариант - библиотека ngrok

Что нужно знать о популярных JS-фреймворках

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

#angular #react #vue #ember #svelte

К статье(rus)

Josh W. Comeau: “Худшая вещь в мире - это когда анимация наведения останавливается, потому что перемещение курсора заставляет ее начинаться/заканчиваться.”

Исправьте это, отделив trigger от visual effect. Слушайте наведение на родителя, а не на анимируемый элемент

#css

Codepen

Twitter

Как один разработчик воссоздал AirDrop, используя только JavaScript

#node #javascript #webrtc

К статье(eng)

Snapdrop.net

Github

Addy Osmani: “Совет JS: Array.prototype.flatMap очень похож на map, за исключением того, что он убирает вложенные массивы и оставляет только их значения в результирующем массиве”

#javascript

Twitter

Модули в JavaScript

В статье рассматриваются две основные модульные системы: CommonJS и ESM (ECMAScript 6 модули).

#javascript

К статье(rus)

Head-of-Line Blocking в QUIC и HTTP/3: Подробности

В статье рассказывается история развития http, какие проблемы решались и как будет устроен http3

#http #http2 #http3 #tcp #quic

К переводу

К оригиналу

Sarah Drasner: “Если вы устали копаться в документации, чтобы найти правильный метод массива или объекта, я сделала пару инструментов, чтобы помочь!”

Массивы: https://arrayexplorer.netlify.app
Объекты: https://objectexplorer.netlify.app

#javascript

Они оба переведены сообществом на многие языки :)

К твиту

JavaScript алгоритмы и структуры данных

В репозитории собрано большое количество материала с визуализацией по алгоритмам и структурам данных. Некоторые материалы переведены на русский.

#algorithms

Github