Как стать автором
Обновить
25
0
АйТи Синяк @Sin9k

User

[React] Разбираем useId( ) хук под микроскопом

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 6.2K

Всем привет!

Уже давно я заприметил относительно новый хук useId, с которым давно хотел разобраться для чего он нужен, как он работает и конечно же обязательно нужно заглянуть в исходники. И теперь потыкав этот хук палкой, почитав React документацию, пролистав несколько статей и изучив парочку видео на YouTube. Я готов этим с вами поделиться. Поехали!

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 6

[Redux] Мой любимый устаревший вопрос на собеседовании

Время на прочтение 7 мин
Количество просмотров 55K

Время от времени мне приходится проводить собеседования. И сегодня я хочу поделиться моими любимыми вопросами на тему Redux. К сожалению, вопросы немного устарели, т.к. они касаются компонента высшего порядка connect, который активно заменяют на хуки. Но connect может уже и не сильно актуален, а принципы на которых он построен абсолютно не изменились. (Данная статья является расшифровкой видео).

Читать далее
Всего голосов 33: ↑26 и ↓7 +19
Комментарии 63

Как сэкономить годы разработки при правильном направлении зависимостей

Время на прочтение 5 мин
Количество просмотров 4.4K

Привет Хабр!

В данной статье я планирую развить тему важности умения "Программировать на уровне интерфейсов", а именно обсудить направление зависимостей. Это достаточно важная тема, так как только осознавая направленность зависимостей, можно спроектировать действительно гибкое и масштабируемое приложение (Данная статья является расшифровкой видео).

Читать далее
Всего голосов 4: ↑3 и ↓1 +2
Комментарии 8

[js] Программируйте на уровне интерфейсов

Время на прочтение 6 мин
Количество просмотров 11K

Привет Хабр!

Когда я гуглил эту тему, я планировал выпустить только видео для плейлиста о Паттернах. Но как то мне не очень понравились уже существующие статьи, возможно потому что я пишу на JS, а там примеры были, то на python, то еще на каком языке. Поэтому я решил опубликовать свое видение темы Программируйте на уровне интерфейсов. Возможно это будет кому-то полезным (Данная статья является расшифровкой видео).

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 18

Как мы решили проблемы с z-index

Время на прочтение 4 мин
Количество просмотров 8.7K

Привет, Хабр!

Буквально недавно на работе я получил баг с z-index, я его по быстрому пофиксил и получил еще два бага. Я как то не придавал этой проблеме значения, и тут мой коллега Дмитрий Рокало ревьювил мой очередной пул реквест и пришел ко мне с идеей, как покончить войну с z-index в нашем проекте. И как раз в тот же день, я слушал подкаст веб стандарты и там обсуждали статью по работе с z-index. И решение, которое предлагают в статье, показалось мне крайне нелепым по сравнению с тем, что предложил мне Дима. Поэтому я решил спонтанно записать это видео и написать статью. Возможно это решение кому-то будет полезным. (Данная статья является расшифровкой видео).

Read more
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 17

Исходники React.memo или что такое SimpleMemo

Время на прочтение 11 мин
Количество просмотров 14K

Привет, Хабр!

В прошлых моих статьях обсуждая useMemo, мы постоянно упоминали React.memo. Поэтому в этой статье я решил глубоко погрузиться в понятие, что из себя представляет React.memo и конечно же изучим его исходники. (Данная статья является расшифровкой двух видео: React.memo это вам не useMemo и Чем отличается SimpleMemoComponent от MemoComponent?)

Read more
Всего голосов 5: ↑5 и ↓0 +5
Комментарии 2

Какая настоящая цена useMemo?

Время на прочтение 7 мин
Количество просмотров 15K

Привет хабр!

В одной из предыдущих моих статей “Все ли вы знаете о useCallback?” мы оценивали когда стоит использовать useCallback, а когда это избыточно. Та статья вызвала большой интерес, поэтому было решено сделать похожую статью на тему когда стоит использовать менее популярный хук useMemo, а когда не стоит (данная статья является расшифровкой видео).

Read more
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 9

Что выбрать: глобальные переменные или useThis?

Время на прочтение 4 мин
Количество просмотров 8.7K

Привет, Хабр!

Как вы знаете при переходе с компонентов классов на функциональные, у нас отняли такую полезную вещь как this, которая указывает на текущий экземпляр компонента. И конечно у нас возник вопрос: “а где же тогда хранить timeoutId?”. И я видел как люди по разному выкручивались из этой проблемы (Данная статья, является расшифровкой видео)

Read more
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 23

createRef, setRef, useRef и зачем нужен current в ref

Время на прочтение 9 мин
Количество просмотров 45K

Привет, Хабр!

В этой статье попробуем разобрать большинство непонятных базовых принципов при взаимодействии с ref. Например чем детально отличается createRef от useRef, зачем в этих объектах отдельное свойство current и многое другое. Одним словом попытаемся открыть много черных ящиков по работе с ref, из-за которых у вас возможно накопились вопросы. (Данная статья, является расшифровкой видео)

Read more
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 5

Первое погружение в исходники хуков (задел на будущие статьи)

Время на прочтение 10 мин
Количество просмотров 8.7K

Привет, Хабр!

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

Для этого мы откроем репозиторий React-а в Github. Он представляет из себя монорепозиторий, где все известные нам пакеты лежат в packages. Ниже на скрине я выделил те самые пакеты, которые мы используем в ежедневной разработке:

Read more
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 2

В чем разница между useLayoutEffect, componentDidMount, useEffect

Время на прочтение 4 мин
Количество просмотров 45K

Привет хабр!

В React на смену эпохи классов, пришла эпоха функциональных компонентов. И нам показали хуки, как замена методам жизненного цикла. Но многие так и не задумывались, а равнозначный ли обмен componentDidMount на useEffect. Эта статья направлена как раз на таких людей, чтобы закрыть ваш пробел, в том как работают componentDidMount, useEffect и useLayoutEffect. (данная статья является расшифровкой видео)

Read more
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 16

Все ли вы знаете о useCallback

Время на прочтение 7 мин
Количество просмотров 116K

Привет, Хабр!

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

Read more
Всего голосов 16: ↑14 и ↓2 +12
Комментарии 70

Все ли вы знаете о React key?

Время на прочтение 5 мин
Количество просмотров 11K

Привет, Хабр!


Я время от времени провожу собеседования, и когда вопрос касается React key, чаще всего я вижу недоумевающий взгляд, намекающий “Да, там и спрашивать вроде нечего?”. Если Вам кажется React key понятным и простым, тогда давайте проведем мини собеседование (данная статья является расшифровкой видео).

Читать дальше →
Всего голосов 15: ↑13 и ↓2 +11
Комментарии 5

Нужны ли тесты именно вашему проекту?

Время на прочтение 3 мин
Количество просмотров 3.9K

Нужны ли тесты именно вашему проекту?


Всем привет! Меня зовут АйТи Синяк!


Изображение приветствующего персонажа с синей кожей

В последнее время в моем окружении часто возникает вопрос о важности/нужности тестов. И я решил попробовать опубликовать мое текущее видение ситуации (надеюсь это будет череда статей/видео), чтобы можно было отвечать коллегам ссылкой на всеми любимый Хабр.


Читать дальше →
Всего голосов 23: ↑6 и ↓17 -11
Комментарии 23

Информация

В рейтинге
Не участвует
Зарегистрирован
Активность