BiomeJS: Новий Стандарт Форматування та Лінтингу? Порівняння з Prettier та ESLint!
Вставка
- Опубліковано 25 чер 2024
- Вітаю! У цьому відео ми глибоко зануримося в світ BiomeJS, нового та перспективного інструменту для форматування і лінтингу коду. Ми розглянемо його особливості та переваги, порівняємо з такими відомими інструментами, як Prettier і ESLint, а також покажемо практичне застосування в реальному проєкті.
Основні теми відео:
1. Вступ до BiomeJS: Що таке BiomeJS і чому цей інструмент швидко набирає популярність серед розробників.
2. Популярність BiomeJS: Аналіз трендів на npm, показники завантажень і чому все більше програмістів переходять на BiomeJS.
3. Порівняння з Prettier та ESLint: Ключові відмінності, переваги та недоліки кожного з інструментів.
4. Переваги BiomeJS:
4.1. Автоматичне сортування імпортів та класів
4.2. Оптимізація для роботи з Tailwind CSS
4.3. Висока швидкість і точність
5. Практична частина:
5.1. Встановлення BiomeJS в робочий проєкт
5.2. Налаштування і запуск BiomeJS для форматування та лінтингу коду
5. Переваги використання BiomeJS:
5.1. Легка інтеграція з існуючими проєктами
5.2. Підтримка широкого спектру мов програмування
5.3. Оптимізація для сучасних фреймворків і бібліотек
Це відео буде корисним як для новачків, так і для досвідчених розробників, які шукають нові інструменти для підвищення продуктивності і якості коду.
Підписуйтесь на наш канал, ставте лайк і залишайте коментарі, якщо у вас є питання або пропозиції щодо майбутніх відео!
Теги:
#BiomeJS #JavaScript #Prettier #ESLint #ФорматуванняКоду #Лінтинг #npmTrends #TailwindCSS #WebDevelopment #FrontendDevelopment #CodingTutorial #Програмування #JavaScriptTools #Кодинг #ВебРозробка #НалаштуванняПроєкту #ІнструментиПрограміста #Продуктивність #ЯкістьКоду
Стати спонсором каналу:
/ @maksymrudnyi
Буду вдячний за підтримку каналу:
Patreon - / rudnyi
BuyMeACoffee - www.buymeacoffee.com/maksymru...
Mono Bank - send.monobank.ua/jar/6oqhydjLGp
або так - 5375 4114 0505 7287
Приват банк - 4627 0551 1331 6110
Давайте дружити:
Telegram ↣ t.me/maksymrudnyi
Telegram чат ↣ t.me/joinchat/H4AF4W4dfGeGepNQ
INSTAGRAM ↣ / maksym_rudnyi
TWITTER ↣ / maksymrudnyi
FACEBOOK ↣ / travelscode
WEB-SITE ↣ travelscode.com/
GITHUB ↣ github.com/MaksymRudnyi/
Другий UA-cam канал ↣ / travelscode - Наука та технологія
після вашого відео поставив його на свій проект, це просто кайф, я видалив авто сортування css властивостей та js імпортів які додавав до prettier конфігу. Так працює значно швидше ніж prettier
Радий чути. Цікаво почути відгуки від інших розробників, як інструмент працює на різних проектах.
@@MaksymRudnyi Так я тут промахнувся сказав що воно сортує правила css можливо і сортує, але не хоче працювати з scss modules може в докуметації і є налаштування поки не знайшов
Дякую, дуже інформативно. Хотілось би ще окреме відео по eslint, prettier, husky
Це буде. Трішки пізніше.
@@MaksymRudnyi і було б круто з eslint 9.5v. з ts
По поводу комментариев в файле конфигурации. Вот с оф. сайта
"Alternatively, you can run biome init --jsonc to emit a biome.jsonc file instead."
Знаю. Це вирішить лише питання коментарів. Різні параметри з змінні прокидати все рівно не можна. Хоча, може це і не потрібно.
Якщо є формат при збережені файлу і підказки прямо під час кодингу - то можна юзати
ну якщо в ide не налаштували при збереженні файлу то можна взяти ще + husky і на pre-commit зробити форматування, буде ідеально
@@VasylBatih краще все ж при збереженні файлу, аби одразу бачити що і як. Бо перед комітом можна випадково віддати ну дуже кривий код, чого б не хотілось
Підказки є. Плагіни поставити і працює добре.
При збереженні напевно є. Це налаштовується в IDE. Тут питання чи це потрібно. Я, наприклад, не зберігаю. IDE має саме це робити. Як на мене то зручніше щоб при коміті все фіксилось.
А як можна віддати кривий код перед комітом якщо налаштований хаскі і є стандартні правила форматування.
Скільки форматтерів JS-коду виходить за рік? ;) Або за тиждень...
На справді не так багато. Особливо тих що варті уваги. Пройшли ті часи коли щотижня виходив новий фреймворки чи якась тулза.
@@MaksymRudnyi А не запіздно воно все виходить? Я розумію, JS зараз на етапі набуття мачурності, або вже ближче до завершення цього етапу. Просто дивуюся завзяттю програмістів. Це схоже на те якби щось накшталт xdebug кожного року виходив новий. З одного боку, класно що є двіжуха, з іншого - програмісти вкладаються у нові інструменти та формати (в конкретному прикладі - формат конфігу) замість еволюційного розвитку поточних, що сприяє фрагментації. Нічого тут поганого нема, просто збільшується час на вивчення альтернатив та вивчення їх особливостей та недоробленість рішень в глибину. При тому, що лише одна характеристика тут гарна - швидкість обробки.
ну в даному випадку розвивати попередні інструменти не було куди - швидкість там була повільна. тут ми перейшли на Rust і швидкість виросла. Перенавчатися у цьому конкретному випадку - 1 година (одне відео подивитись). Pritter легко замінюється Biome.
Я б не сказав що зараз дуже багато всього виходить нового у фронті чи JavaScript.
Дякую. Але щось виникли проблеми з init(....не хоче і жодної помилки...
Дивно. Треба розбиратися. Може нода не тієї версії або щось оновити треба.
Це в якому ECMAScript прописаний BiomeJS?
Це не в екмаскріпті. Просто окремий інструмент написаний на Rust. Заточений під веб розробку. Добре працює з Typescript та JS
Вам чим спінер не догодив? Японці з 1980 року змагаються на швидкість робомишами, а ми будемо в 2024 році змагатися хто швидше поформатує код? Нема чим зайнятись компаніям, окрім як код форматувати? Це плінтус.
Це не плінтус а гроші, при чому великі. Час програмістів не безкоштовний. І кожен раз ждати доки пройде лінтинг і форматування перед комітом - це довго. Здається що пару секунд не багато, але доки запуститься процес розробник уже переключив контекст і пішов або каву пити або на перекур, або ще куди. А помітити треба часто.
Лінтинг на Ci/CD - серверний час теж не безкоштовний.
На кожному інструменті економія кілька секунд і виходить пристойна сума. Не забувайте що час множимо на розмір команд і компаній.
Хай японці страждають чим хочуть. Ми тут працюємо і гроші заробляємо.
Якщо ці інструменти безтолкові, то чому ми уже не пишемо в Notepad++. Шикарна прога була. І не треба було всяких підказок, форматування, лінтерів.
@@MaksymRudnyi йптхнштйн.. напишіть IDE, який буде зрозумілий навіть для дурних, щоб код для машини був чистий, а для всіх інших з літературними творами на 100 сторінок, щоб без потреби були класи там де їх не повинно бути, але вони є заради зручності, бо теперішній IDE в цьому випадку дуже допомагає. Нехай IDE завжди допомагає. Ниряйте з в глибину графічних блоків, до програмних кодів з поясненнями та грамотним відображенням. А для пк залиште простий швидкий код. Бо заки ви сповідуєте якийсь плінтус, по факту всі клієнти отримують повільні продукти. А у випадку ImageCMS, який був красиво написаний класами, той взагалі потух і плакав гаманець когось вже тепер невідомого. Вже байдуже який красивий на вигляд код
Просто в JS багато платять, тому люди вигадують нові челенджи. :)
@@MaksymRudnyi > Якщо ці інструменти безтолкові, то чому ми уже не пишемо в Notepad++. Шикарна прога була. І не треба було всяких підказок, форматування, лінтерів.
Доречі, залюбки б писав в Notepad++, якщоб мова дозволяла. :) Наприклад, PHP взагалі не потрібно транспілювати. Економія!
Дякую