Теперь, при установке react-router вы получите еще один роутер как зависимость в придачу.

Все преимущества react-router снова на лице!

Когда приходится отправлять params или result с помощью sample fn, очень советую использовать переименование в деструктуризации.

Если же оставить fn: ({ params }) => params, как есть, то легко можно забыть с чем именно вызывался оригинальный эффект или какой конкретно результат он возвращает.

Семантические имена аргументов не влияют на сложность кода, но крайне сильно помогают в чтении уже написанного.

Приятного вам дня!

Завтра в 18:00 МСК смотрите онлайн-митап по дизайн-системам.

Спикеры:
- Юрий Юрин, Dev Unit Lead в Skyeng;
- Денис Пушкарь, Product Owner в Ростелеком (дизайн-системы Звука и Ростелекома);
- Петр Солопов, Head of Frontend в SuperJob;
- Владимир Дзех, руководитель команды дизайн-системы в Контуре;
- Максим Лисин, старший Frontend-разработчик в SuperJob;
- Владимир Курочкин, Product Design Lead в SuperJob.

Регистрируйтесь: https://superjob.ru/i/3sBdF

Рекомендую, потому что сам увлекаюсь дизайн-системами и их созданием.

Вышел Vite4!

https://vitejs.dev/blog/announcing-vite4.html

Самое слабое место Tailwind.

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

С Tailwind приходится городить вот такие костыли. К сожалению, далеко не факт, что они будут работать

Я уже давно ищу сервис для организации своего рабочего времени.

А причиной этого поиска стала вечная проблема состыковки календарей с людьми. Бывало ли у вас такое:
— Привет, давай созвонимся на час в понедельник?
— Привет, у меня в понедельник занято, давай во вторник?
— Давай, а во сколько? У меня свободно 14, 16 и 21
— Блин, у меня все это время занято, есть среда в 15
— А у меня среда вся занята…

В какой-то момент, подобные состыковки отнимали минут по 20 на одну встречу. Я уже хотел писать свой сервис, но решил загуглить. Оказалось, что их десятки разных, но почти все не умеют подключать разные календари (у меня 6 календарей из-за разных почт) либо стоят по $20+ в месяц.

Итогом моих поисков стал сервис Планерка. С ребятами я уже больше года. Меня покорило наличие Telegram-бота и API для автоматизации. Делюсь рекомендацией, потому что сам пользуюсь.

Открыл для себя новый тип браузера

https://arc.net/

буду изучать, идея выглядит интересно

браузер с командной панелью

Аватар: Путь воды очень хорош.
Получил немалое удовольствие.
Купил билеты в премиум зал, чтобы с комфортом провести 3 часа.

За 10 минут я дошел только до кальция.
Мусорный Магний конечно очень мешает

http://dimiwww.tg-me.com/Fe26/

Я наконец-то закончил работу над сценарием для видео!

Ну что ж
githubunwrapped.com

5 часов в поезде

Нажмите на кнопку ниже, чтобы настроить регулярные донаты.
Если подключиться к боту не удается, используйте эту ссылку.
​

Я увидел пожелание организовать сборы на контент, но не делать часть его платным.
Не уверен, что такая модель мне подходит, так как видел довольно скудные результаты, когда пробовал организовать подобные сборы ранее.

Но если очень хочется задонатить на публичный контент, пожалуйста, ссылка выше.

Когда стоит использовать useStoreMap

Довольно часто возникает ситуация, когда в компоненте нужно выбрать значение из списка по идентификатору приходящему в props.

Не стоит использовать в таких случаях useEffect или useMemo. Гораздо эффективнее и нагляднее здесь будет работать useStoreMap.

Его главная задача — выбрать значение из стора основываясь на параметре извне. Самый важный параметр здесь — keys, это примерно то же самое, что и dependencies в стандартных хуках useEffect, useMemo.

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

Если значение в списке keys поменяется, то функция fn будет вызвана еще раз. Только если fn возвращает другой результат, будет перерендер. Это крайне выгодно, если store часто обновляется, но вычисленное значение остается тем же самым.

Иногда внутри fn создается и возвращается новый объект, а значит простое сравнение по ссылке (===) будет всегда false, в этом случае стоит переопределить параметр updateFilter, в котором нужно описать сравнение старого и нового состояния. Можно не сравнивать все поля объектов, а например сравнить только идентификатор или хеш.

Кстати, defaultValue и updateFilter — не обязательные параметры. Жмите ⚡️ если узнали что-то новое.

#effector

Еще один пример использования useStoreMap

Как бы часто не менялась роль в сторе $role, перерендер компонента произойдет только когда результат функции fn вернет новое значение. То есть роль станет подходящей или наоборот неподходящей.

Очень удобно, с точки зрения оптимизации рендеринга. Это все еще самая дорогая часть рантайма в React.

#effector