SIBERIA CAN CODE 🧊 - Frontend
SIBERIA CAN CODE 🧊 - Frontend
  • 228
  • 704 121
🌌 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
Переглядів: 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 собеседование, каверзные вопросы для начинающих

КОМЕНТАРІ

  • @PetrAngustias
    @PetrAngustias День тому

    Спасибо за интересный контент! У меня возник такой вопрос: На моем SafePal кошельке хранится USDT и у меня есть seed фраза. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Как мне перевести их на Binance?

  • @EgorMoscowNeverSleep
    @EgorMoscowNeverSleep 4 дні тому

    3:03 Только сейчас думает о поддержке TS "из коробки". OMG, я сделал это в нашем проекте за пару дней, с помощью модифицированного ts-node (вернул в него кеш). Уже 2 года как у нас кастомные правила пишутся на TS.

  • @kirillvoloshin2065
    @kirillvoloshin2065 7 днів тому

    у вас опечатка - должно быть не "how its work", а "how it works"

    • @siberiacancode
      @siberiacancode 7 днів тому

      Спасибо, но поправить уже не смогу, но респект за такие замечания

  • @РодионГаврилов-ч9ж

    что думаете про линтер как форматтер? я лично не люблю разводить кучу библиотек поэтому вмпсто претиер+линтер использую только линтер. слышал там какие то страшилки что в последнем линтере форматтинг какой то не такой но не вникал в суть

    • @siberiacancode
      @siberiacancode 7 днів тому

      Я ничего плохого в этом не вижу, но по своему опыту могу сказать, что prettier справляется в разы лучше, чем stylistic. Плюс я не против иметь 2 инструменты, которые отвечают за каждую зону сами. Но и наоборот круто иметь 1 инструмент, но для меня eslint пока не может победить prettier. Хотя тот же biome сейчас уже имеет и то ито, да пока он в разы меньше, но кто знает

    • @РодионГаврилов-ч9ж
      @РодионГаврилов-ч9ж 7 днів тому

      @ а что значит справляется хуже? Можно подробнее?

  • @KVelian
    @KVelian 8 днів тому

    Как обычно автор хорош не только во фронте, но и в мемах 😎

    • @siberiacancode
      @siberiacancode 7 днів тому

      Спасибо большое, я специально прохожу курсы

  • @AtomicArtist7
    @AtomicArtist7 8 днів тому

    Хайди хо и Гоша дударь, я с них начинал в 2016

  • @Aruta90
    @Aruta90 8 днів тому

    Так круто... а вот что не круто: если ставить конфиг для vue и переопределять правила, как это описано в доке конфига, линтер проходит 2+ раз все файлы, которые затронул конфиг! Что в итоге даёт 2+ часа на линтинг, вместо 1,5 минут!!! В итоге переопредение сделал не как в доке, а через проход циклом правил конфига и их мутации. Пояему так? Потому в 9 версии конфиг читается поочередно и каждый объект для расширения файлов - новый объект , не имеющий отношения к предыдцщему. А еще порядок описания объектов конфига мега важен оказался. Удобно? - не заметил

  • @stwebbox5691
    @stwebbox5691 8 днів тому

    Очень быстро проговорил, помедленнее бы, а то не успеваешь вдуматься

    • @siberiacancode
      @siberiacancode 7 днів тому

      Тот самый блоггер на 2x, я просто так говорю и не смогу измениться в эту сторону

  • @СергейАнтиматтер

    Хотел спросить в тг, но под роликом, так под роликом, с новым годом. Ответ на вопрос про вебку. А ты себя считаешь больше стримером или ютубером(блогером/видеомейкером/блаблабла)?

    • @siberiacancode
      @siberiacancode 8 днів тому

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

  • @yrsluv419
    @yrsluv419 9 днів тому

    нужно больше роликов

    • @siberiacancode
      @siberiacancode 8 днів тому

      Будем пытаться выйти на 1 ролик месяц в след году

  • @TheMixan25
    @TheMixan25 9 днів тому

    Спасибо большое

    • @siberiacancode
      @siberiacancode 9 днів тому

      Спасибо за такой комментарий, рад помочь

  • @romanmed9035
    @romanmed9035 9 днів тому

    получается 8 версия остается последней нормальной для тех кто сам не лепит плагины, но нужен нормальный инструмент чтобы использовать уже ставшее стандартом готовое?

    • @siberiacancode
      @siberiacancode 9 днів тому

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

    • @romanmed9035
      @romanmed9035 8 днів тому

      @@siberiacancode спасибо за пояснение

    • @siberiacancode
      @siberiacancode 7 днів тому

      @@romanmed9035 тебе спасибо за вопрос

  • @snatvb
    @snatvb 9 днів тому

    почти 2025г а тайпскрипт все еще не поддерживается по дефолту :/ завести его в монорепе та еще задачка, на v8 работает, на v9 не смог за вменяемое время затащить на самом деле выглядит как будто он собран и говна и палок

  • @answshy
    @answshy 9 днів тому

    Даже линтер задумался над тем, чтобы из коробки ТС юзать, а ноды еще спят...

    • @siberiacancode
      @siberiacancode 9 днів тому

      Скоро будет, ждем ждем< вроде как там шатают эту тему

    • @dobernike_
      @dobernike_ 7 днів тому

      Там есть флаг в 22 ноде, чтобы запускать тс без tsc и других

    • @EgorMoscowNeverSleep
      @EgorMoscowNeverSleep 4 дні тому

      ​@@dobernike_ этот флаг для игнорирования типов, а не для поддержки TS.

    • @EgorMoscowNeverSleep
      @EgorMoscowNeverSleep 4 дні тому

      Уже долгое время есть ts-node. Другое дело, что авторы не осилили в нем нормальный кеш и просто кеш выпилили. Поэтому нужно использовать форк, в котором кеш возвращение.

  • @StivenRusTV
    @StivenRusTV 9 днів тому

    Как же я ждал этого ролика, теперь ждем доклад по стейт менеджменту, интересно какой ролик будет следующий

  • @Leo-j5t8t
    @Leo-j5t8t 9 днів тому

    Почему весь текст ролика на английском? Если чужой ролик адаптировал то хотя бы ссылку бы оставил

    • @siberiacancode
      @siberiacancode 9 днів тому

      Я просто делаю ролики англ текстом и на typescript по возможности, ролик полностью мой 😢

    • @dkuba
      @dkuba 9 днів тому

      ​@@siberiacancode видно что ты сам сделал по фону в видео и в картинках твой фирменный наверное фон(черный фон с белыми линиями)

    • @siberiacancode
      @siberiacancode 9 днів тому

      @@dkuba да спасибо, я и не пытался с человеком прям спорить, просто обозначил и се, спасибо

  • @bruhmagedon
    @bruhmagedon 9 днів тому

    так называемая база

    • @siberiacancode
      @siberiacancode 9 днів тому

      Топовый коммент, я бы сказал базовый 🎉

  • @dkuba
    @dkuba 9 днів тому

    Ролик просто огонь

    • @siberiacancode
      @siberiacancode 9 днів тому

      Спасибо большое, рад для всех вас стараться ❤

  • @ewgeniydev2417
    @ewgeniydev2417 10 днів тому

    Naive UI - топовый UI кит для VUE/NUXT, закрывающий большинство задач. Изначально создан для vue 3+ на composition-api + TS. Использовал во многих прод проектах.

    • @siberiacancode
      @siberiacancode 10 днів тому

      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/)

  • @StivenRusTV
    @StivenRusTV 10 днів тому

    Супер стрим, супер стрим, летсго в реки

  • @DevAccount-rq4ni
    @DevAccount-rq4ni 11 днів тому

    Пишу на sveltekit, и это пушка по сравнению с громоздким next. А так весь стрим реакт реакт , уже достал этот реакт

  • @alexneyasov6409
    @alexneyasov6409 13 днів тому

    В течении подкаста было много ссылок на разные тулзы/поекты/тд, если пошарите ссылки на все, будет удобно, спасибо

    • @siberiacancode
      @siberiacancode 12 днів тому

      А можешь перечислить, я тогда смогу найти

  • @StivenRusTV
    @StivenRusTV 14 днів тому

    Нужно больше такой рубрики, летсго

  • @pilginmmm2575
    @pilginmmm2575 15 днів тому

    6:58 старт

    • @siberiacancode
      @siberiacancode 15 днів тому

      Скоро буду таймкоды, спасибо

  • @vkepels
    @vkepels 17 днів тому

    начался срач в X с релизом 19 версии что реакт это фреймворк, а люди кидают скриншоты что в доке сказано что это библиотека

  • @GeorgiiGalechyan
    @GeorgiiGalechyan 18 днів тому

    Я не понимаю почему так мало просмотров

    • @siberiacancode
      @siberiacancode 15 днів тому

      Спасибо большое, просто делаю контент не регулярно и все

  • @pilginmmm2575
    @pilginmmm2575 25 днів тому

    4:50 Start

  • @AB-fb1ve
    @AB-fb1ve 28 днів тому

    У автора канала у самого каша в голове… Что такое архитектура, паттерны, принципы? Да всё очень просто - это набор правил для написания кода, просто речь идёт о разных уровнях абстракции. Принципы мы применяем на любом уровне абстракции, паттерны - на маленькие части кода, архитектура - на то, как эти части взаимодействуют между собой. И всё это для того, чтобы, когда какой-то упоротый программист садится писать код, решающий очередную ебанутую фантазию бизнес-аналитика, он не понаписывал отсебятину, которую понимать будет только он, повышая тем самым «бас-фактор» в проекте. Потому что для бизнеса такие вещи очень затратны. Вот для этого крутые бородатые дядьки придумали все эти правила и подходы. Истина лишь одна - программист должен работать в рамках на всех уровнях абстракции, как только он за них вышел на проекте начинаются проблемы

  • @victancia
    @victancia 28 днів тому

    вопросы джуновские половина, но чувак крепкий мидл уже

    • @siberiacancode
      @siberiacancode 15 днів тому

      Такое бывает, плюс нужно учитывать волнение

  • @user37y237y
    @user37y237y Місяць тому

    отличное видео, хорошо разобраны различия между разнообразными сервисами для работы со стейтом

    • @siberiacancode
      @siberiacancode 15 днів тому

      Спасибо большое, скоро будет прям материал в виде доклада на эту тему

  • @KristinaAleshnikova
    @KristinaAleshnikova Місяць тому

    собес уже на скорости 1.5 похоже

    • @siberiacancode
      @siberiacancode 15 днів тому

      И даже так прошло 3 часа

  • @usernamus
    @usernamus Місяць тому

    Почему вы без вебок?

    • @siberiacancode
      @siberiacancode 15 днів тому

      В тот момент буквально не было вебки и я еще не показывал лицо, следующий такой ролик будет с моей вебкой

  • @Akvi-v3b
    @Akvi-v3b Місяць тому

    как же это было бесполезно😔

  • @user-non-user
    @user-non-user Місяць тому

    Было бы кайфово увидеть ci/cd с раннерами, но жаль, пойду мучать гпт

    • @siberiacancode
      @siberiacancode 15 днів тому

      я вот тоже мучаю, может быть в будущем, может быть

  • @khaled-jj2mj
    @khaled-jj2mj Місяць тому

    Очень интересно и полезно, спасибо

    • @siberiacancode
      @siberiacancode 15 днів тому

      Спасибо за фидбек, рад что пригодилось

  • @frk_91
    @frk_91 Місяць тому

    Открыть бы твой череп, вынуть мозг - поцеловать его поблагодарить за такой видос и поставить обратно 😁. Офигенный курс

    • @siberiacancode
      @siberiacancode 15 днів тому

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

  • @nikitakrasulin2979
    @nikitakrasulin2979 2 місяці тому

    Блин ппц сколько вопросов, не усложняйте жизнь идите сразу на Мидла а там как карта ляжет, дабы избавиться от такого душнилова

    • @siberiacancode
      @siberiacancode Місяць тому

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

  • @gtaplayer379
    @gtaplayer379 2 місяці тому

    Здравствуйте. На вью тоже другой программист быстро адаптируется к коду прежнего программиста? В ангуляр это так, в одном из роликов вы рассказывали

    • @siberiacancode
      @siberiacancode 15 днів тому

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

    • @gtaplayer379
      @gtaplayer379 14 днів тому

      @siberiacancode , спасибо за ответ. Теперь мысли учить ангуляр. Тут другой момент: на него вакансий меньше, чем на вью и реакт

  • @designed6102
    @designed6102 2 місяці тому

    На счет некста и их фетча не совсем согласен, это не только проблема некста, что они сделали свой полифил, который поддерживает кеширование, а ещё и проблема аксиоса, что его нельзя использовать с полифилами, например тот же node fetch с axios без костылей по типу патча глобального объекта fetch не поюзаешь, в отличие например от того же wretch, в котором явно можно при создании инстанса прокинуть туда полифил и все.

    • @siberiacancode
      @siberiacancode Місяць тому

      так axios это не фетч, там под капотом xhr. Не считаю эту проблему axios, nextjs разрабы делают софт для других разрабов и когда ты делаешь такой софт, ты не можешь такое скипать. Опять же пример с rhf и zod или yup

    • @designed6102
      @designed6102 Місяць тому

      @@siberiacancode а... там xhr... понял, тогда зря быканул

  • @designed6102
    @designed6102 2 місяці тому

    Димы настолько долго не было, что я уже работу нашел ахахах

    • @siberiacancode
      @siberiacancode Місяць тому

      Это очень круто, прошло пару месяцев

  • @StivenRusTV
    @StivenRusTV 2 місяці тому

    он вернулся

  • @sjdjjsjsjs3991
    @sjdjjsjsjs3991 2 місяці тому

    Уверенно знаю ответы на все эти вопросы, но работу найти не могу 😔

    • @AhmaWeb
      @AhmaWeb 2 місяці тому

      а ское тебе лет?

    • @siberiacancode
      @siberiacancode Місяць тому

      А что тебе отвечают ?

    • @Skvdev
      @Skvdev Місяць тому

      Та же проблема, ввиду отсутствия коммерции - скипают резюме.

  • @nik_user75
    @nik_user75 2 місяці тому

    А что Вам не снять видос, прежде чем обсуждать других? И посмотрите какие круты

  • @drawerhack1717
    @drawerhack1717 2 місяці тому

    у zustand есть проблемы с SSR, он в целом не поддерживается, как бы они не пытались оправдать

    • @siberiacancode
      @siberiacancode Місяць тому

      zustand.docs.pmnd.rs/guides/ssr-and-hydration слушай, а что ты имеешь ввиду не работает ?

  • @SadBatya
    @SadBatya 2 місяці тому

    Очень крутое интервью! Проверяется собеседующий со всех сторон Было бы круто в следующий раз взять кандидата поактивнее

    • @siberiacancode
      @siberiacancode Місяць тому

      Учтем, спасибо больше за фидбек

  • @alexeyser
    @alexeyser 2 місяці тому

    31:32 наоборот, == приводит к типу

  • @HukkiNYA
    @HukkiNYA 3 місяці тому

    А можно узнать о каком докладе идёт речь на 55:25?

  • @telepuzik8349
    @telepuzik8349 3 місяці тому

    Слишком быстро тараторишь, приходится туда сюда перематывать, что бы понять. Ну и объяснения честно говоря не слишком очевидны.

    • @siberiacancode
      @siberiacancode Місяць тому

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

  • @Jamshoot66
    @Jamshoot66 3 місяці тому

    В остальном - клевое интервью, спасибо за контент

    • @siberiacancode
      @siberiacancode Місяць тому

      Спасибо за такой приятный коммент

  • @Jamshoot66
    @Jamshoot66 3 місяці тому

    2:38:25 unknown - это история когда скорее неважно какие данные, чем неизвестные. Вообще ситуаций, при которых мы знаем что что-то будем, но не знаем что именно - такого быть не должно и это по-пахивает косяками как на уровне архитектуры, так и потенциальными багами, т.к. unknown придется приводить к конкретному типу (и получается что уже знаем какой тип должен быть). Хорошо если это через тайпгвард будет сделано, но обычно люди просто кастуют через someVal as SomeType.