- 228
- 704 121
SIBERIA CAN CODE 🧊 - Frontend
Russia
Приєднався 30 сер 2021
Канал для frontend разработчиков
Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
🌌 eslint 9 - это просто космос, а не dev инструмент
В данном 🌌 ролике поговорим с вами о eslint 9, посмотрим на новую версию и выясним, почему это так инновационно.
github - github.com/debabin/eslint9
antfu - github.com/antfu/eslint-config
inspector - github.com/eslint/config-inspector
deprecated rules - eslint.org/blog/2023/10/deprecating-formatting-rules/
stylistic - eslint.style/
prettier - prettier.io/
Таймкоды ⌛️
00:00 Вступление
00:15 Что такое linter ?
00:43 Как работать с eslint
01:00 Создаем правило
01:33 Создаем конфиг
01:51 Как подключить плагин
02:20 Проблема eslint
02:38 eslint 9
03:20 Куча полезных плагинов
03:45 Вывод
Поддержка автора 🧊
boosty - boosty.to/siberiacancode
donatealerts - www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: boosty.to/siberiacancode
telegram: t.me/siberiacancode
vk: siberiacancode
youtube: ua-cam.com/users/SIBERIACANCODE
github: github.com/debabin
discord: discord.gg/UsM4F9h6hn
twitch: www.twitch.tv/siberiacancode
github - github.com/debabin/eslint9
antfu - github.com/antfu/eslint-config
inspector - github.com/eslint/config-inspector
deprecated rules - eslint.org/blog/2023/10/deprecating-formatting-rules/
stylistic - eslint.style/
prettier - prettier.io/
Таймкоды ⌛️
00:00 Вступление
00:15 Что такое linter ?
00:43 Как работать с eslint
01:00 Создаем правило
01:33 Создаем конфиг
01:51 Как подключить плагин
02:20 Проблема eslint
02:38 eslint 9
03:20 Куча полезных плагинов
03:45 Вывод
Поддержка автора 🧊
boosty - boosty.to/siberiacancode
donatealerts - www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: boosty.to/siberiacancode
telegram: t.me/siberiacancode
vk: siberiacancode
youtube: ua-cam.com/users/SIBERIACANCODE
github: github.com/debabin
discord: discord.gg/UsM4F9h6hn
twitch: www.twitch.tv/siberiacancode
Переглядів: 6 296
Відео
👨💻 Собеседование frontend junior разработчика 2024 (CSS, HTML, JS, React, Typescript, Graphql)
Переглядів 13 тис.5 місяців тому
👨💻 Собеседование frontend junior разработчика 2024 (CSS, HTML, JS, React, Typescript, Graphql)
👨💻 Собеседование frontend junior разработчика 2024 (CSS, HTML, JS, React, Typescript, Redux)
Переглядів 9 тис.8 місяців тому
👨💻 Собеседование frontend junior разработчика 2024 (CSS, HTML, JS, React, Typescript, Redux)
⭐ REACT 19 - обновление лучшей библиотеки в фронтенде
Переглядів 4,1 тис.8 місяців тому
⭐ REACT 19 - обновление лучшей библиотеки в фронтенде
🐬 ВСЕ ХУКИ REACT JS 2024 - вы точно не знаете их все
Переглядів 9 тис.11 місяців тому
🐬 ВСЕ ХУКИ REACT JS 2024 - вы точно не знаете их все
🔥 Тиньков поясняет за frontend/javascript
Переглядів 36 тис.Рік тому
🔥 Тиньков поясняет за frontend/javascript
🌸 bunjs - самый быстрый убийца nodejs
Переглядів 2,4 тис.Рік тому
🌸 bunjs - самый быстрый убийца nodejs
🎙️ ПАРНИШКИ В АЙТИШКЕ - Курсы в it, стоит ли их покупать ? feat Corden
Переглядів 2,2 тис.Рік тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Курсы в it, стоит ли их покупать ? feat Corden
👨💻 Собеседование frontend junior разработчика (CSS, HTML, JS, React, Typescript)
Переглядів 24 тис.Рік тому
👨💻 Собеседование frontend junior разработчика (CSS, HTML, JS, React, Typescript)
🎙️ ПАРНИШКИ В АЙТИШКЕ - Нужны ли тестировщики, тестировщики разрушают проекты ?
Переглядів 844Рік тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Нужны ли тестировщики, тестировщики разрушают проекты ?
✨ NEXT 13.4 - это будущeе фронтенда ? (nextjs 13.4)
Переглядів 4,6 тис.Рік тому
✨ NEXT 13.4 - это будущeе фронтенда ? (nextjs 13.4)
📦 STATE MANAGEMENT - лучший стейт менеджер для react ?
Переглядів 13 тис.Рік тому
📦 STATE MANAGEMENT - лучший стейт менеджер для react ?
👨💻 Собеседование frontend junior+ разработчика (CSS, HTML, JS, React, Typescript, Redux)
Переглядів 42 тис.Рік тому
👨💻 Собеседование frontend junior разработчика (CSS, HTML, JS, React, Typescript, Redux)
🚀 Создание REACT приложения без create-react-app, cra dead в 2023
Переглядів 7 тис.Рік тому
🚀 Создание REACT приложения без create-react-app, cra dead в 2023
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что выбрать ОФИС или УДАЛЕНКУ
Переглядів 1,1 тис.Рік тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что выбрать ОФИС или УДАЛЕНКУ
🔥 NEXT 13 - лучший react фреймворк (nextjs 13)
Переглядів 7 тис.Рік тому
🔥 NEXT 13 - лучший react фреймворк (nextjs 13)
🏆 JAVASCRIPT - эволюция лучшего языка программирования, state of js 2023
Переглядів 3,1 тис.Рік тому
🏆 JAVASCRIPT - эволюция лучшего языка программирования, state of js 2023
🧙 TYPESCRIPT 4.9 - обновление лучшего языка, satisfies
Переглядів 14 тис.2 роки тому
🧙 TYPESCRIPT 4.9 - обновление лучшего языка, satisfies
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что ты будешь делать на работе в IT
Переглядів 1,4 тис.2 роки тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что ты будешь делать на работе в IT
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что такое собеседование ?
Переглядів 2,5 тис.2 роки тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Что такое собеседование ?
🧙 TYPESCRIPT - это магия мира фронтенда
Переглядів 40 тис.2 роки тому
🧙 TYPESCRIPT - это магия мира фронтенда
👨💻 Собеседование frontend junior+ разработчика (CSS, HTML, JS, React, Typescript, Redux)
Переглядів 65 тис.2 роки тому
👨💻 Собеседование frontend junior разработчика (CSS, HTML, JS, React, Typescript, Redux)
🎙️ ПАРНИШКИ В АЙТИШКЕ - Нужно ли программисту высшее образование ?
Переглядів 1,5 тис.2 роки тому
🎙️ ПАРНИШКИ В АЙТИШКЕ - Нужно ли программисту высшее образование ?
🗺️ Junior Roadmap Front-end 2022. Что учить junior в 2022 ?
Переглядів 10 тис.2 роки тому
🗺️ Junior Roadmap Front-end 2022. Что учить junior в 2022 ?
📝 TODO LIST React + Typescript - ЗА 30 минут
Переглядів 11 тис.2 роки тому
📝 TODO LIST React Typescript - ЗА 30 минут
🗺️ Roadmap Front-end 2022. Что учить студенту в 2022 ?
Переглядів 4,7 тис.2 роки тому
🗺️ Roadmap Front-end 2022. Что учить студенту в 2022 ?
🗓️ Кастомный календарь на React + Typescript С НУЛЯ за 1 ЧАС, не используем moment.js
Переглядів 10 тис.2 роки тому
🗓️ Кастомный календарь на React Typescript С НУЛЯ за 1 ЧАС, не используем moment.js
🚀 React 18 - что нового, что изменилось ?
Переглядів 7612 роки тому
🚀 React 18 - что нового, что изменилось ?
🧐 Javascript junior собеседование, каверзные вопросы для начинающих
Переглядів 6 тис.2 роки тому
🧐 Javascript junior собеседование, каверзные вопросы для начинающих
Спасибо за интересный контент! У меня возник такой вопрос: На моем SafePal кошельке хранится USDT и у меня есть seed фраза. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Как мне перевести их на Binance?
3:03 Только сейчас думает о поддержке TS "из коробки". OMG, я сделал это в нашем проекте за пару дней, с помощью модифицированного ts-node (вернул в него кеш). Уже 2 года как у нас кастомные правила пишутся на TS.
у вас опечатка - должно быть не "how its work", а "how it works"
Спасибо, но поправить уже не смогу, но респект за такие замечания
что думаете про линтер как форматтер? я лично не люблю разводить кучу библиотек поэтому вмпсто претиер+линтер использую только линтер. слышал там какие то страшилки что в последнем линтере форматтинг какой то не такой но не вникал в суть
Я ничего плохого в этом не вижу, но по своему опыту могу сказать, что prettier справляется в разы лучше, чем stylistic. Плюс я не против иметь 2 инструменты, которые отвечают за каждую зону сами. Но и наоборот круто иметь 1 инструмент, но для меня eslint пока не может победить prettier. Хотя тот же biome сейчас уже имеет и то ито, да пока он в разы меньше, но кто знает
@ а что значит справляется хуже? Можно подробнее?
Как обычно автор хорош не только во фронте, но и в мемах 😎
Спасибо большое, я специально прохожу курсы
Хайди хо и Гоша дударь, я с них начинал в 2016
Было дело, олды тут ?
Так круто... а вот что не круто: если ставить конфиг для vue и переопределять правила, как это описано в доке конфига, линтер проходит 2+ раз все файлы, которые затронул конфиг! Что в итоге даёт 2+ часа на линтинг, вместо 1,5 минут!!! В итоге переопредение сделал не как в доке, а через проход циклом правил конфига и их мутации. Пояему так? Потому в 9 версии конфиг читается поочередно и каждый объект для расширения файлов - новый объект , не имеющий отношения к предыдцщему. А еще порядок описания объектов конфига мега важен оказался. Удобно? - не заметил
Очень быстро проговорил, помедленнее бы, а то не успеваешь вдуматься
Тот самый блоггер на 2x, я просто так говорю и не смогу измениться в эту сторону
Хотел спросить в тг, но под роликом, так под роликом, с новым годом. Ответ на вопрос про вебку. А ты себя считаешь больше стримером или ютубером(блогером/видеомейкером/блаблабла)?
Привет, я вообще инженер, но честно даже сам не знаю, как себя назвать, я и блогер и стример и ментор чуть-чуть бесплатный, просто медийный челик с лучшими подписчиками, если прям серьезно думать, то все таки блогер наверно, веду канал тг, это основа
нужно больше роликов
Будем пытаться выйти на 1 ролик месяц в след году
Спасибо большое
Спасибо за такой комментарий, рад помочь
получается 8 версия остается последней нормальной для тех кто сам не лепит плагины, но нужен нормальный инструмент чтобы использовать уже ставшее стандартом готовое?
Наоборот, просто показал, из чего состоят плагины. 9 версия это супер удобный инструмент, который ну очень легко заполнять
@@siberiacancode спасибо за пояснение
@@romanmed9035 тебе спасибо за вопрос
почти 2025г а тайпскрипт все еще не поддерживается по дефолту :/ завести его в монорепе та еще задачка, на v8 работает, на v9 не смог за вменяемое время затащить на самом деле выглядит как будто он собран и говна и палок
Даже линтер задумался над тем, чтобы из коробки ТС юзать, а ноды еще спят...
Скоро будет, ждем ждем< вроде как там шатают эту тему
Там есть флаг в 22 ноде, чтобы запускать тс без tsc и других
@@dobernike_ этот флаг для игнорирования типов, а не для поддержки TS.
Уже долгое время есть ts-node. Другое дело, что авторы не осилили в нем нормальный кеш и просто кеш выпилили. Поэтому нужно использовать форк, в котором кеш возвращение.
Как же я ждал этого ролика, теперь ждем доклад по стейт менеджменту, интересно какой ролик будет следующий
Летсго, летим в реки
Почему весь текст ролика на английском? Если чужой ролик адаптировал то хотя бы ссылку бы оставил
Я просто делаю ролики англ текстом и на typescript по возможности, ролик полностью мой 😢
@@siberiacancode видно что ты сам сделал по фону в видео и в картинках твой фирменный наверное фон(черный фон с белыми линиями)
@@dkuba да спасибо, я и не пытался с человеком прям спорить, просто обозначил и се, спасибо
так называемая база
Топовый коммент, я бы сказал базовый 🎉
Ролик просто огонь
Спасибо большое, рад для всех вас стараться ❤
Naive UI - топовый UI кит для VUE/NUXT, закрывающий большинство задач. Изначально создан для vue 3+ на composition-api + TS. Использовал во многих прод проектах.
naive ui - это была библиотека лучшая среди худших, все равно даже рядом не стоит с react ui либами такими как mantine, shadnc ui, adobe, да даже mui. Но уже вот прошло полгода и начали появляются крутые истории Reka UI (reka-ui.com/), Nuxt UI v3 (ui3.nuxt.dev/getting-started), Varlet UI (varletjs.org/#/en-US/index), Oku ui (oku-ui.com/)
Супер стрим, супер стрим, летсго в реки
работаем работаем
Пишу на sveltekit, и это пушка по сравнению с громоздким next. А так весь стрим реакт реакт , уже достал этот реакт
В течении подкаста было много ссылок на разные тулзы/поекты/тд, если пошарите ссылки на все, будет удобно, спасибо
А можешь перечислить, я тогда смогу найти
Нужно больше такой рубрики, летсго
Делаем делаем
6:58 старт
Скоро буду таймкоды, спасибо
начался срач в X с релизом 19 версии что реакт это фреймворк, а люди кидают скриншоты что в доке сказано что это библиотека
гг
Я не понимаю почему так мало просмотров
Спасибо большое, просто делаю контент не регулярно и все
4:50 Start
Спасибо
У автора канала у самого каша в голове… Что такое архитектура, паттерны, принципы? Да всё очень просто - это набор правил для написания кода, просто речь идёт о разных уровнях абстракции. Принципы мы применяем на любом уровне абстракции, паттерны - на маленькие части кода, архитектура - на то, как эти части взаимодействуют между собой. И всё это для того, чтобы, когда какой-то упоротый программист садится писать код, решающий очередную ебанутую фантазию бизнес-аналитика, он не понаписывал отсебятину, которую понимать будет только он, повышая тем самым «бас-фактор» в проекте. Потому что для бизнеса такие вещи очень затратны. Вот для этого крутые бородатые дядьки придумали все эти правила и подходы. Истина лишь одна - программист должен работать в рамках на всех уровнях абстракции, как только он за них вышел на проекте начинаются проблемы
вопросы джуновские половина, но чувак крепкий мидл уже
Такое бывает, плюс нужно учитывать волнение
отличное видео, хорошо разобраны различия между разнообразными сервисами для работы со стейтом
Спасибо большое, скоро будет прям материал в виде доклада на эту тему
собес уже на скорости 1.5 похоже
И даже так прошло 3 часа
Почему вы без вебок?
В тот момент буквально не было вебки и я еще не показывал лицо, следующий такой ролик будет с моей вебкой
как же это было бесполезно😔
согласен про mobx
Было бы кайфово увидеть ci/cd с раннерами, но жаль, пойду мучать гпт
я вот тоже мучаю, может быть в будущем, может быть
Очень интересно и полезно, спасибо
Спасибо за фидбек, рад что пригодилось
Открыть бы твой череп, вынуть мозг - поцеловать его поблагодарить за такой видос и поставить обратно 😁. Офигенный курс
Спасибо огромное, реально очень приятно, видел что за это берут деньги, самое главное это не курс, это просто мои мысли и опыт
Блин ппц сколько вопросов, не усложняйте жизнь идите сразу на Мидла а там как карта ляжет, дабы избавиться от такого душнилова
Привет, это духота ради контента, но к сожалению в реальной жизни таких собесов очень много
Здравствуйте. На вью тоже другой программист быстро адаптируется к коду прежнего программиста? В ангуляр это так, в одном из роликов вы рассказывали
Я думаю да, я не думаю, что это будет прям проблема, все конечно зависит от уровня кода и понимания, ангуляр все таки диктует довольно жестко свои правила, во вью есть же больше свободы
@siberiacancode , спасибо за ответ. Теперь мысли учить ангуляр. Тут другой момент: на него вакансий меньше, чем на вью и реакт
На счет некста и их фетча не совсем согласен, это не только проблема некста, что они сделали свой полифил, который поддерживает кеширование, а ещё и проблема аксиоса, что его нельзя использовать с полифилами, например тот же node fetch с axios без костылей по типу патча глобального объекта fetch не поюзаешь, в отличие например от того же wretch, в котором явно можно при создании инстанса прокинуть туда полифил и все.
так axios это не фетч, там под капотом xhr. Не считаю эту проблему axios, nextjs разрабы делают софт для других разрабов и когда ты делаешь такой софт, ты не можешь такое скипать. Опять же пример с rhf и zod или yup
@@siberiacancode а... там xhr... понял, тогда зря быканул
Димы настолько долго не было, что я уже работу нашел ахахах
Это очень круто, прошло пару месяцев
он вернулся
Летсгоу
Уверенно знаю ответы на все эти вопросы, но работу найти не могу 😔
а ское тебе лет?
А что тебе отвечают ?
Та же проблема, ввиду отсутствия коммерции - скипают резюме.
А что Вам не снять видос, прежде чем обсуждать других? И посмотрите какие круты
Какой видос ? курс ?
у zustand есть проблемы с SSR, он в целом не поддерживается, как бы они не пытались оправдать
zustand.docs.pmnd.rs/guides/ssr-and-hydration слушай, а что ты имеешь ввиду не работает ?
Очень крутое интервью! Проверяется собеседующий со всех сторон Было бы круто в следующий раз взять кандидата поактивнее
Учтем, спасибо больше за фидбек
31:32 наоборот, == приводит к типу
да абсолютно верно
А можно узнать о каком докладе идёт речь на 55:25?
Яро плюсую
нашел?
ua-cam.com/video/HDajDASxn-w/v-deo.html
ua-cam.com/video/HDajDASxn-w/v-deo.html
@@siberiacancode спасиба друк
Слишком быстро тараторишь, приходится туда сюда перематывать, что бы понять. Ну и объяснения честно говоря не слишком очевидны.
Ну что поделать, приходи на стримы там расскажу все, но там тоже будет супер быстро
В остальном - клевое интервью, спасибо за контент
Спасибо за такой приятный коммент
2:38:25 unknown - это история когда скорее неважно какие данные, чем неизвестные. Вообще ситуаций, при которых мы знаем что что-то будем, но не знаем что именно - такого быть не должно и это по-пахивает косяками как на уровне архитектуры, так и потенциальными багами, т.к. unknown придется приводить к конкретному типу (и получается что уже знаем какой тип должен быть). Хорошо если это через тайпгвард будет сделано, но обычно люди просто кастуют через someVal as SomeType.