Відео

Круто передавать ref через props, люботытно, а как типизировать его теперь?

Спасибо за отличный видос!

Приветствую, а куда исчезли уроки по трюкам реакт-роутера для попап окон? На медеуме есть статья, но ссылки на видео - приватные. Очень бы хотелось увидеть ваш подход.Заранее благодарю и снимаю шляпу перед автором.

Прикольно спасибо ❤ Это вы были еще без детей да? Сейчас уехали от войны рашастана с Украиной в Болгарию. Быстро нашел работу тут уже (Front End). Налоги приятные, страна нравится в принципе. Социальных связей крепких не было на родине. Жалею что не уехали раньше.

Автору большая благодарность за материал и экпертизу. Очень помогаете учиться

это гениаольно, зря я не смотрел тебя раньше, я бы сейчас былбы суперменом в мире фронтов магий nextjs

Привет, а зачем нужно было создавать новый канал? можно же сделать звуковую дорожку на англ языке, как это делает mrBeast

action и форма вместе в одном серверном компоненте работают? т.е. перед формой не нужно вставлять директиву use client?

Пишет video unavailable, уже и vpn ставил, и другие методы пробовал, может кто знает как посмотреть React Conf 2024?

Да неужели хоть кто-то нормально объяснил!

2:49 обычно использую самописный хук useDebounce

Спасибо за ответ)

Это ютуб премиум ник меняет))0)

ua-cam.com/video/XOA3HKXPSN0/v-deo.html для очистки таймаутов и интервалов

Вопрос по поводу forwardRef. Когда вы сказали что никогда не юзали его, я начал переживать что я что-то делаю не так. Такой юзкейс: Есть кнопка-элемент, который может использоваться в разных списках. Стили в списках должны быть одинаковые, но функциональность может отличаться. К примеру в первом списке я хочу чтобы этот элемент можно было перетаскивать (DnD) и вызывать callback, а в другом списке, чтобы просто вызывался callback, без DND. Для этого соответственно я в первом компоненте просто стилизую компонент (uikit), прокидываю пропсы, а для конкретного списка уже буду его использовать и обвешивать логикой в другом компоненте. Так вот библиотека react-dnd, например, возвращает мне ref, который я должен привязать к элементу, который будет перетаскиваться. Как можно ещё помимо forwardRef прокинуть ref в мой первый компонент, который находится в uikit? Я действительно возможно не знаю более правильного и простого способа, буду рад научиться

я сначала думал, что это видос про хук для работы с query-параметрами в url

[14:13 ] Пожалуй это сгодится для анимаций. Например легко сделать анимацию появления, но чтобы сделать какой-нибудь фейд-аут приходится либы для анимаций подключать, либо морочиться самому с тем чтоб фейд-аут отработал до того как компонент целиком не был убран из дома. Спасибо за видос, актуально)

спасибо! но ззачем ты взял погонялово "синяк" (алкаш, для тех кто в танке)?

прошел год, vite ~12 млн скачиваний, хотелось бы узнать мнение автора на этот счет с учетом vitest

Не понял прикол первого доклада что RN использует майкрософт в Windows 11 и в M Word? Разве RN каким то образом связан с нативным воспроизведением на винде?

Правильно ответил )

Сама реактивность как таковая данным не сильно нужна. Особенно в вебе. Основная проблема, которую решает реактивность - это починка раеакт. Реакт максимально кривое подели. С убогим дизайном и реализацией. С нерабочими концепциями типа вдома и прочими фантазиями. Если реакт обновлять не таргентно - он будет тормозить совсем до невозможного уровня. Обновить его в принципе невозможно. Он никак не связывает отображение и данные из которых был построен. Точно так же как твой код в пример на 11:41 Поэтому его нужно как-то обновлять. Нужны средства связывания данных/отображения вопреки всем палкам в колёса, которые вставляет реакт. Если максимально упрощать проблему - имея id пользователя и изменения - ты можешь найти этого пользователя и применить изменения. Найти же какой компонент/дом связан с этим элементом не представляется возможным и потому все проблемы.

Я не знаю на основании чего rx-поделку называют реактивной. Это обычный калбек к которому прикрутили цепочку преобразований. Реактивности там ровно ноль. Подобного подходу тысячи лет он используется в sh. Твой пример с ручной лапшой ничего не делает. Вопроса в инициализации вообще никакой нет. Инициализация в рамках динамической реактивной модели выделяется лишь потому что она строит зависимости между данными и инициализирует связи между ними. Твоя код ничего этого не делает. Вот добавился новый чат - что ты будешь с этим делать? Вызывать эту функцию заново и выкачивать всё?

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

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

Благодарю. Вопрос если ставишь Некст то там свой роутер, как тогда быть с Реакт роутером 7?)

6:09 "Это стоит посмотреть, чтобы набить руку". 6:46 "рекомендую посмотреть 2ую часть доклада". Вот только посмотреть не удаётся - трансляции на канале React Conf скрыты и ни с VPN, ни с настройкой страны в Ютубе под США, посмотреть не получается. Надеюсь, они временно скрыли, чтобы нарезать на отдельные видео и скоро выложат на канал. Пока что у них в плейлисте только React Conf 2021

Мне лично понравилась Аврора))

Не используем фреймворк на реакте. От слова совсем.

Только у меня видео с таймкодами по ссылкам недоступны?

Лайк за всегда css-modules

Не использовал useQuery, но отметил бы несколько моментов из видео: 5:20 - автор лукавит, он упаковал запрос и его обработку в отдельную функцию loadBookmarks, которая не является универсальной. Поэтому получается, что строки её кода нужно учитывать при сравнении количества строк. 7:35 предполагаю, что данные не стали undefined. Хук обратился к кэшу второй страницы, которого не было, поэтому в данные вернулся undefined. Аналогично, когда автор вернулся на первую страницу, хук посмотрел кэш первой страницы, увидел, что данные есть и вернул их. После этого данные перезапросились в лучших традициях swr

"Если вы не работали с sentry", то и начинать не надо. Представьте, что пакет для отправки логов на сервер раздувает ваш прод бандл в два раза. Это и есть sentry.

За видео спасибо! По поводу RN - использовал версию 0.59. И это был мой ХУДШИЙ девелопер експириенс, особенно в плане обновлений зависимостей, несоответствий между Android и iOS версиями пакетов и постоянных траблов со сборкой приложения под обе платформы. Flutter показался мне на порядок лучше. Может в RN что-то и поменялось с тех пор, но проверять нет никакого желания. Никому не советую.