Тёмный
SIBERIA CAN CODE 🧊 - Frontend
SIBERIA CAN CODE 🧊 - Frontend
SIBERIA CAN CODE 🧊 - Frontend
Подписаться
Канал для frontend разработчиков

Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
Комментарии
@lolhohol
@lolhohol 15 часов назад
Каждый видос от тебя учит меня чему то новому, что сильно улучшает мою базу, от души!
@vpetevotov
@vpetevotov 2 дня назад
Насколько я помню, формик не подходил для огромных форм, там какая-то беда с перформансом была на счет мемоизации
@dmitrysvetlov6001
@dmitrysvetlov6001 3 дня назад
Смотрел в записи, спасибо, крутой контент
@arhfallen6792
@arhfallen6792 5 дней назад
привет, спасибо за видос. Как минимум он был полезен для практики) на момент написания комментария (08/06/2024). Все нормально работает.
@siberiacancode
@siberiacancode 4 дня назад
Круто спасибо, календарь реально хорош
@user-he4st2ro5h
@user-he4st2ro5h 13 дней назад
Зачем передвигателю и перекрашивателю кнопок алгоритмы?
@siberiacancode
@siberiacancode 13 дней назад
Для развития мозга и проходов собеса и иногда для работы
@user-he4st2ro5h
@user-he4st2ro5h 13 дней назад
@@siberiacancode это был риторический вопрос)
@daniilrybakov
@daniilrybakov 14 дней назад
Мощный стрим получился. Просто машина)
@siberiacancode
@siberiacancode 14 дней назад
минус голос, спасибо за фидбек
@user-wu8wi7hb2e
@user-wu8wi7hb2e 15 дней назад
Спорные приоритеты у либы, конечно. Кто в здравом уме потащит в проект библиотеку без тестов? На мой взгляд, это важный аспект при выборе (более важный даже, чем звездочки на гитхабе). Если мотивацию создания библиотеки экстраполировать, то можно получить ответ, почему во фронтенде такой короткий жизненный цикл у проектов (библиотек), по сравнению с другими ЯП.
@siberiacancode
@siberiacancode 15 дней назад
Привет, к сожалению у меня есть опыт, как работать с продуктами и большинству не важны тесты, а важны хуки. Да автотесты покрываются параллельно, тут спасибо всем ребятам, кто участвует, но конечному пользователю, когда мы говорим про хуки (набор почти независимых утилити по факту) будет не так больно, когда мы говорим про большие продукты. Но ты не учитываешь ручное тестирование, при создание демо руками прогоняются тест кейсы, плюс как я описал тесты будут и делаются парараллельно, так что с учетом, что тесты пишутся и есть ручное тестирование на демках, я лично на страте 2 недель не вижу проблем вообще. Ну а если ли бухтеть, я как бы понимаю, что все супер крутые и могут такой пакет за 1 вечер сделать и с тестами и докой и хуков там 150 сделать, но я занимаюсь проектом уже получается 2 неделю и уже реализовали с ребятами 44 хука, ну я к тому, что есть реальность, а есть желаемое, а правда как всегда по середине. А теперь самое инетерсное, usehooks.com/ держи одну из самых сейчас хайповых библиотек, которая появилась именно в поле недавно, 0 тестов, нет ни одного теста вообще. Только демки, я не говорю, что нужно делать также, но просто хочу, чтобы люди понимали действительность.
@user-zq6hx6sl8k
@user-zq6hx6sl8k 15 дней назад
Спасибо, вспомнил как работать с тайпскриптом в реакте. Новичкам советую сначала освоить отдельно реакт и тайпскрипт, потом уже смотреть.
@siberiacancode
@siberiacancode 15 дней назад
Спасибо за фидбек
@target_game2508
@target_game2508 17 дней назад
Клаасный собес, с токи зрения рекрутера, но сам Никита, такое ощущение, что замкнут и все такое, не внятная речь, много воды в ответах, есть чему учится, но хотелось бы послушать человека с более внятной речью, а то пестами слишишь кашу
@siberiacancode
@siberiacancode 15 дней назад
Спасибо за фидбек
@tanercoder1915
@tanercoder1915 24 дня назад
Показательно как ты начал путаться на 30:00 й минуте во всей это структуре примере на оф сайте даже
@siberiacancode
@siberiacancode 22 дня назад
Да есть такое, хотя мне сказали, что эти примеры фигня полная и на самом деле фсд другой и ты просто не понял. Хотя это оф примеры
@gnom-om
@gnom-om 25 дней назад
Спасибо, интересный стрим.
@tigranavushian2706
@tigranavushian2706 25 дней назад
Солид на собесе джуна )
@slava_po
@slava_po 20 дней назад
ага)) чувак в шоке, он только в голове укладывает что такое вообще html css а тут solid)))
@siberiacancode
@siberiacancode 19 дней назад
Ну это хороший вопрос
@kowkavn2356
@kowkavn2356 25 дней назад
Вопрос по хуку useNetwork/useConnection, а если у тебя есть проверка соединения с конкретным урлом? например https/domen/ping и ты хочешь проверять жив ли сервер?! Для какого хука такой функционал, и будет ли сделан такой хук?
@alexeyfilippov42
@alexeyfilippov42 26 дней назад
вышло обновление ртк, теперь организация стора стала еще удобнее и проще
@mrunderson983
@mrunderson983 26 дней назад
need timecodes
@siberiacancode
@siberiacancode 25 дней назад
сделаю сегодня
@iamcraziest
@iamcraziest Месяц назад
useIsomorphicEffect это замена useLayoutEffect а не useEffect, его нельзя писать просто вместо всех useEffectов. Плюс предупреждение которое было раньше убрали из реакта пару недель назад, не могу найти коммит сейчас
@siberiacancode
@siberiacancode Месяц назад
Да тут мой факап, я если честно об это вообще забыл в конце дня.
@siberiacancode
@siberiacancode Месяц назад
А вообще для меня всегда было странным это предупреждение ведь ефекты все равно не работает в ssr
@kowkavn2356
@kowkavn2356 Месяц назад
4:00
@siberiacancode
@siberiacancode Месяц назад
Спасибо, таймкоды поставил
@user-si8ot1ux9h
@user-si8ot1ux9h Месяц назад
тайпгарды и сужение не совсем одно и то же, мне кажется ты там запутал в конце малость :)
@siberiacancode
@siberiacancode Месяц назад
Тайпгуард помогает сузить тип, я больше не могу представить зачем они нужны.
@user-md5mw1tp3e
@user-md5mw1tp3e Месяц назад
Смотрю 3 стрим подрят, не могу оторваться. Очень много дополнительной полезной информации в ваших обсуждениях. Спасибо огромное за стрим! Буду продвигать на работе reatom.
@siberiacancode
@siberiacancode Месяц назад
Привет, приятно слышать такое, про продвигать главное подумай, а нужно оно или нет. Но знай, что чат реатома открытый и там всегда ответят на вопросы
@user-md5mw1tp3e
@user-md5mw1tp3e Месяц назад
@@siberiacancode ну у нас redux, sagas. На других проектах rtk-query. Я стараюсь в последнее время не завязываться не redux вообще. Reatom видится неплохой альтернативой, способной упростить контексты и композицию. А то местами голову сломать можно
@siberiacancode
@siberiacancode Месяц назад
@@user-md5mw1tp3e Создатель реатома супер мужик и если что ответить на все вопросы в телеге
@iwakuralainfan
@iwakuralainfan Месяц назад
я думал ты исаги из блюлока...
@siberiacancode
@siberiacancode Месяц назад
Не похож ?
@Kysok410
@Kysok410 Месяц назад
Невероятный бруталити мужчина Реально дред который вместо доты выбрал фронт)
@siberiacancode
@siberiacancode Месяц назад
Да кто этот ваш доктор дред
@ermakamre
@ermakamre Месяц назад
Кажется, что про useLayoutEffect не совсем верное объяснение т.к. React монтирует компонент в DOM до вызова callback, переданного в useLayoutEffect, через refs уже можно получать доступ к DOM элементам внутри callback.
@flowcsgo804
@flowcsgo804 Месяц назад
Жееесть, я представлял тебя вообще по-другому)) Бруталити прям
@siberiacancode
@siberiacancode Месяц назад
Егоиста страйкер
@user-pw9tn1jo9i
@user-pw9tn1jo9i Месяц назад
конечно голос к лицу вообще не подходит, не так тебя представлял) я представлял что ты похож на студента
@alananisimov
@alananisimov Месяц назад
++++
@alananisimov
@alananisimov Месяц назад
Мб это из-за аниме бойчиков на превьюшках
@siberiacancode
@siberiacancode Месяц назад
Я же похож на студента, я же студент
@etalko
@etalko Месяц назад
На месте про entities сразу видно обзор fsd без практики. Для апи есть shared/api. Т.е. запросы в апи как есть с передачей всех необходимых параметров. И вот там как раз можно структурировать точно также как автор привел пример из своего видео. В конкретном слайсе слоя в его секции api (она опциональна) можно уже размещать более конкретизированные использования запросов которые находятся в shared/api. Ну например когда какой-нибудь запрос нужно использовать с частично-примененными параметрами. Идея выпустить видео по fsd хорошая, но как и большинство подобных простой обзор прочтения доки без реального практического использования. У меня почти год ушел на реальное понимание адекватной работы с fsd с практическим применением в живом проекте. Методология крутая, но проблема в том, что большинство фронтендеров как-правило ремесленники или обезьянки с клавиатурой, но не инженеры. Вторая проблема это WIP-дока fsd без хороших исчерпывающих примеров. Оттуда и проблемы с пониманием того как это использовать.
@siberiacancode
@siberiacancode Месяц назад
Привет, я не буду скрывать, у меня реально не было практики фсд, но я лично считаю, что моего опыта хватает, чтобы оценить и дать фидбек и поделиться своими мыслями. Это мой обзор и мои мысли, факт что ты пишешь, что у тебя ушел год чтобы познать fsd лишь доказывает, что я прав. Про entities вообще честно не понял, я говорю, что слой entities усложняет код и его поддержку, будь это fsd, будь это просто разделение на сервисы и тд и посветил целый стрим, как я структурирую запросы в последних проектах. Ну и лично я считаю, что любая методология должна быть понятной даже, как ты выразился "обезьянки с клавиатурой", ну а основная моя мысль была не тащите инструменты туда, где они не нужны. У меня проекты, люди разработчики, новички и бизнес, а мне тут еще тратить год, чтобы познать дзен fsd
@ruamess
@ruamess Месяц назад
28:25 прикольно что копилот уже в самом начале решил эту задачу.
@siberiacancode
@siberiacancode Месяц назад
ии заменит джунов ?
@ruamess
@ruamess Месяц назад
Трудно отвечать на этот вопрос не имея хотя бы года коммерческого опыта
@materiya7853
@materiya7853 Месяц назад
Не знал, что люди, пользующиеся next js регулярно ходят "на себя", когда пытаются пользоваться куками, делая авторизацию.😅
@siberiacancode
@siberiacancode Месяц назад
это больше не про nextjs, а про ssr, просто есть недопонимание иногда
@materiya7853
@materiya7853 Месяц назад
Братан, ты просто лучик света в этой темноте самообучения, хоть и учусь в колледже вроде связанным с программированием, но единственное, что оттуда получил - это понимание того, что я сам все должен выучить, Хех. Спасибо, что помогаешь с этим!
@siberiacancode
@siberiacancode Месяц назад
Привет, я просто делюсь инфой, спасибо за фидбек. Рад что смог помочь
@materiya7853
@materiya7853 Месяц назад
@@siberiacancode некоторые за это "просто" деньги дерут, что вполне логично, это ведь ценный опыт! А откуда деньги у бедного студента??🥺 ( нет это не я ленивый и не хочу работать )
@rustytrooper9895
@rustytrooper9895 Месяц назад
в смысле интервьюера зовут Дима, я весь собес думала что Никита с Исаги беседует, думаю фига он в свободное от футбола время флексит🗿😀
@StivenRusTV
@StivenRusTV Месяц назад
Эгоиста страйкер намбер ван
@siberiacancode
@siberiacancode Месяц назад
Лучший футболист Японии тоже знает фронтенд?
@rustytrooper9895
@rustytrooper9895 Месяц назад
@@siberiacancode лучший футболист Японии, а снять эти регалии, кто ты? -разработчик, фронтендер, ы свободное время веду канал на ютуб и просто хороший человек
@siberiacancode
@siberiacancode Месяц назад
@@rustytrooper9895 спасибо, очень приятно
@user-hk7td4dh1o
@user-hk7td4dh1o Месяц назад
прикольно filter в sample сразу решает вопросы race condition и debounce и вопрос зачем писать not когда можно просто воспользоваться отрицанием?
@cao_dzecbi
@cao_dzecbi Месяц назад
Ни на одном собеседовании не задают элементарные вопросы, типа "что такое HTML" Есть ли смысл продолжать собеседование, если ответа на этот вопрос не последует??
@siberiacancode
@siberiacancode Месяц назад
Привет, этот собес конечно и шоу в том числе, но вообще если человек даже сформулировать не может, что такое html, то возможно это звоночек
@cao_dzecbi
@cao_dzecbi Месяц назад
@@siberiacancode я об этом говорю))
@user-jh9ou4ur3e
@user-jh9ou4ur3e Месяц назад
33:46 Как поможет тебе typescript когда с бэка прилетит не то что ты у себя там в интерфейсе описал?
@siberiacancode
@siberiacancode Месяц назад
Конечно он не поможет если бек нарушил rest обязательства, но если бек просто может в каких кейсах тебе прислать нул, то с помощью тайскрипта мы это можем описать и не можем в будущем не обработать данный кейс, понятное дело тс не панацея от ошибок, просто он их уменьшает существованием контрактов
@user-hk7td4dh1o
@user-hk7td4dh1o Месяц назад
так стоп 34:41. Не будет никакого перерендера если несколько компонентов подписаны на разные сущности в store. Если они подписаны на одну сущность само собой будет перерендер. Или здесь какой то другой контекст? Я про redux говорю
@StivenRusTV
@StivenRusTV Месяц назад
Смотрю уже 20 раз, спасибо
@siberiacancode
@siberiacancode Месяц назад
жду коммент смотрел 30 раз
@deGGenerate
@deGGenerate Месяц назад
Парень конечно слабоват даже на джуна. Но два часа сидеть и пахать теорию это конечно мое почтение.
@siberiacancode
@siberiacancode Месяц назад
а что значит, два часа сидеть и пахать теорию ?
@deGGenerate
@deGGenerate Месяц назад
@@siberiacancodeну то и значит, два часа мучить человека, хотя тех интервью обычно длятся не больше часа. В целом и полчаса достаточно.
@siberiacancode
@siberiacancode Месяц назад
@@deGGenerate так суть этого собеса шоу, это не реальный собес. Ну и это мой контент, люди согласились чтобы их помучать, не хочешь не смотри
@deGGenerate
@deGGenerate Месяц назад
@@siberiacancodeчто это еще за Аршавинизмы, шоу так шоу ок хорошо. Только какая цель у этого шоу? Проверить знания испытуемого? Это можно было сделать и не публично. Помочь людям подтянуть свои знания? Для этого можно было сделать видос с выдержкой и чеклистом например что важно знать перед собесом. Понятно что блогер ты, ты лучше знаешь как там забейтить зрителя и тд. А я зритель и пишу коментарии. А ты читай или не читай :D
@siberiacancode
@siberiacancode Месяц назад
@@deGGenerate Да почему, из этого собеса можно получить много полезной инфы, но все равно спасибо за фидбек
@baileysli6235
@baileysli6235 Месяц назад
У DELETE может быть тело запроса. Просто его не юзают как и GET. Поэтому в типизации axios его нет, но через fetch ты можешь прокинуть body
@siberiacancode
@siberiacancode Месяц назад
Да отличное замечание, developer.mozilla.org/en-US/docs/Web/HTTP/Methods/DELETE. Его на самом деле много где нет
@SaidKilamatov
@SaidKilamatov Месяц назад
мне понравилось, человек задает вопрос и после ответа(или если его нет) отвечает на него кратко и понятно. я лайк поставил
@siberiacancode
@siberiacancode Месяц назад
Спасибо, честно я не понимаю собесы, где человеку если он не прав или не так как надо мыслил не говорят ответы
@user-wl2xp8yo6x
@user-wl2xp8yo6x Месяц назад
парень молодец знает, но без обид мне показалось это все нудным. Хз почему. Вот эти все расшифровки терминов. Ну зачем...
@siberiacancode
@siberiacancode Месяц назад
Спасибо за фидбек, а какие именно расшифровки ?
@deGGenerate
@deGGenerate Месяц назад
⁠@@siberiacancode http, solid и прочие, серьезно без гугла все эти расшифровки знать ну такое. Ты сам причем принцип Барбары Лисков назвал как принцип Барбаликс что лол смех
@user-my6zv5br1m
@user-my6zv5br1m Месяц назад
Здравствуй) Возможно мой комментарий удалился из-за ссылки которую я скидывал. Комментарий был про "минус" редакса и разделение стора. В редаксе ведь есть возможноть сплитить стор, в доке даже есть пример через некий reducerManager, как они его назвали, вроде. Если вбить в гугле redux code splitting - будет по первой ссылке. Можно спокойно сплитить стор по разным страницам или компонентам) С типизацией будут лишь проблемки небольшие, но это не сложно пофиксить)
@siberiacancode
@siberiacancode Месяц назад
Привет, да действительно такое есть, но это вообще не рашае проблему 1 стора. Ты просто подключаешь и отключаешь reducerы, а вот это уже полный дроч. Недавно делали это в проекте и я уверен, что это делают единицы.
@user-my6zv5br1m
@user-my6zv5br1m Месяц назад
@@siberiacancode тогда я не очень понимаю в чем заключается сама проблема.. Единственное что приходит в голову, это наличие огромного редакса и глобальных (обязательных) слайсов в основном бандле.. тут да.. А всё остальное можно отделить и сделать удобное подключение.. но возможно я просто не сталкивался с какими то проблемами с которыми сталкивался ты
@MrEmil-cf8wo
@MrEmil-cf8wo Месяц назад
Спрашивай уровня middle разработчиков пожалуйста, сам джун, в компании работаю пол года, хочу понять чего не хватает или какие знания подтянуть.
@siberiacancode
@siberiacancode Месяц назад
Спасибо за фидбек, проблема в том, что мидл собес не сильно то отличается от этих собесов, когда ты собесешь мидла тебе интересен его опыт в первую очередь. Какую он роль выполняет , какие фичи делает, какую зону отвественности он покрывал ранее. Тех вопросы не становятся сложнее, ты просто ожидаешь более расширенных ответов. Я тебе больше скажу, половину ребят, которых я собесил на канале уже работали мидлами, но при этом не могли с некоторыми вопросами или задачами справиться
@user-pc6bg2mr6g
@user-pc6bg2mr6g Месяц назад
на миддл собесы более лайтовые и если на джунах редко встретишь лайв кодинг, то на мидле в 90 проц случаев, но тоже по большему счету фигня
@StivenRusTV
@StivenRusTV Месяц назад
Первый ❤
@siberiacancode
@siberiacancode Месяц назад
Летим в реки
@AlexanderBorshak
@AlexanderBorshak Месяц назад
За видео лайк, но команда Ректа лучше бы написала какую-то хорошую доку, о том как "правильно" (то есть идиоматично с их точки зрения) вести разработку сложного приложения - как правильно хранить и обрабатывать состояние, как правильно работать с данными с сервера, как правильно работать с сайд-эффектами. А не стараться перегружать Реакт все новыми и новыми функциями, коих там уже и так овер-дофига.
@siberiacancode
@siberiacancode Месяц назад
Фишка в том, что react это всего лишь библиотека для ui и поэтому нет гайдов от них. Так что я не думаю, что гайдам быть
@user-gw9xl4rd7s
@user-gw9xl4rd7s Месяц назад
Сам бог послал твой канал, ты лучший
@siberiacancode
@siberiacancode Месяц назад
Привет, спасибо за фидбек, там есть еще ролик про реакт хуки
@mike-aaa
@mike-aaa Месяц назад
На фига это??? чувак не ответил на 80% примерно вопросов, а на остальное чего-то мямлил на тему. Зачем ты его тянешь? Самые бесполезные 2 часа 18 минут! Даже взять отсюда нечего. Если это джун+, то я сеньор+!
@siberiacancode
@siberiacancode Месяц назад
Ну во-первых тебя ни кто не заставлял смотреть, во-вторых даже если так ты тоже можешь поучаствовать и попробовать себя.
@mike-aaa
@mike-aaa Месяц назад
@@siberiacancode только что поучавствоал, я же не просто так смотрел. к сожалению понять можно только посмотрев. ты его так тянул тянул тянул
@siberiacancode
@siberiacancode Месяц назад
@@mike-aaa Ну так или иначе, спасибо за просмотр и надеюсь, что хоть что-то узнал нового для себя или подметил
@ko22012
@ko22012 Месяц назад
зачем effector используете для форм? если есть formik и react-hook-form? На effector выглядит громоздко.
@siberiacancode
@siberiacancode Месяц назад
Потому-что ты хочешь все делать на одном интрументе, effector создает внешнее хранилище, когда тот же rhf это хуки реакта, это просто другой подход к написанию кода
@user-cb8rc4kz5g
@user-cb8rc4kz5g Месяц назад
Дай ник или ссылку на Рудимбо плз
@siberiacancode
@siberiacancode Месяц назад
www.twitch.tv/rudimbo
@flowcsgo804
@flowcsgo804 Месяц назад
Ты в начале сказал про какого-то стримера, который на нативном жс делает игры. Можешь написать его ник, а то не могу найти пожалуйста?
@siberiacancode
@siberiacancode Месяц назад
www.twitch.tv/rudimbo
@aquaductape
@aquaductape Месяц назад
Solid bro
@siberiacancode
@siberiacancode Месяц назад
solid bro