BiomeJS: Новий Стандарт Форматування та Лінтингу? Порівняння з Prettier та ESLint!
Вітаю! У цьому відео ми глибоко зануримося в світ 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.buymeacoff...
Mono Bank - send.monobank....
або так - 5375 4114 0505 7287
Приват банк - 4627 0551 1331 6110
Давайте дружити:
Telegram ↣ t.me/maksymrudnyi
Telegram чат ↣ t.me/joinchat/...
INSTAGRAM ↣ / maksym_rudnyi
TWITTER ↣ / maksymrudnyi
FACEBOOK ↣ / travelscode
WEB-SITE ↣ travelscode.com/
GITHUB ↣ github.com/Mak...
Другий KZread канал ↣ / travelscode
Пікірлер: 28
після вашого відео поставив його на свій проект, це просто кайф, я видалив авто сортування css властивостей та js імпортів які додавав до prettier конфігу. Так працює значно швидше ніж prettier
@MaksymRudnyi
Ай бұрын
Радий чути. Цікаво почути відгуки від інших розробників, як інструмент працює на різних проектах.
@artemzhuravlev7334
Ай бұрын
@@MaksymRudnyi Так я тут промахнувся сказав що воно сортує правила css можливо і сортує, але не хоче працювати з scss modules може в докуметації і є налаштування поки не знайшов
Дякую, дуже інформативно. Хотілось би ще окреме відео по eslint, prettier, husky
@MaksymRudnyi
Ай бұрын
Це буде. Трішки пізніше.
@MisterSimOfficial
Ай бұрын
@@MaksymRudnyi і було б круто з eslint 9.5v. з ts
Якщо є формат при збережені файлу і підказки прямо під час кодингу - то можна юзати
@VasylBatih
Ай бұрын
ну якщо в ide не налаштували при збереженні файлу то можна взяти ще + husky і на pre-commit зробити форматування, буде ідеально
@alexkonoplian
Ай бұрын
@@VasylBatih краще все ж при збереженні файлу, аби одразу бачити що і як. Бо перед комітом можна випадково віддати ну дуже кривий код, чого б не хотілось
@MaksymRudnyi
Ай бұрын
Підказки є. Плагіни поставити і працює добре. При збереженні напевно є. Це налаштовується в IDE. Тут питання чи це потрібно. Я, наприклад, не зберігаю. IDE має саме це робити. Як на мене то зручніше щоб при коміті все фіксилось.
@MaksymRudnyi
Ай бұрын
А як можна віддати кривий код перед комітом якщо налаштований хаскі і є стандартні правила форматування.
Скільки форматтерів JS-коду виходить за рік? ;) Або за тиждень...
@MaksymRudnyi
Ай бұрын
На справді не так багато. Особливо тих що варті уваги. Пройшли ті часи коли щотижня виходив новий фреймворки чи якась тулза.
@codokit
Ай бұрын
@@MaksymRudnyi А не запіздно воно все виходить? Я розумію, JS зараз на етапі набуття мачурності, або вже ближче до завершення цього етапу. Просто дивуюся завзяттю програмістів. Це схоже на те якби щось накшталт xdebug кожного року виходив новий. З одного боку, класно що є двіжуха, з іншого - програмісти вкладаються у нові інструменти та формати (в конкретному прикладі - формат конфігу) замість еволюційного розвитку поточних, що сприяє фрагментації. Нічого тут поганого нема, просто збільшується час на вивчення альтернатив та вивчення їх особливостей та недоробленість рішень в глибину. При тому, що лише одна характеристика тут гарна - швидкість обробки.
@MaksymRudnyi
Ай бұрын
ну в даному випадку розвивати попередні інструменти не було куди - швидкість там була повільна. тут ми перейшли на Rust і швидкість виросла. Перенавчатися у цьому конкретному випадку - 1 година (одне відео подивитись). Pritter легко замінюється Biome. Я б не сказав що зараз дуже багато всього виходить нового у фронті чи JavaScript.
По поводу комментариев в файле конфигурации. Вот с оф. сайта "Alternatively, you can run biome init --jsonc to emit a biome.jsonc file instead."
@MaksymRudnyi
Ай бұрын
Знаю. Це вирішить лише питання коментарів. Різні параметри з змінні прокидати все рівно не можна. Хоча, може це і не потрібно.
Дякую. Але щось виникли проблеми з init(....не хоче і жодної помилки...
@MaksymRudnyi
Ай бұрын
Дивно. Треба розбиратися. Може нода не тієї версії або щось оновити треба.
Це в якому ECMAScript прописаний BiomeJS?
@MaksymRudnyi
Ай бұрын
Це не в екмаскріпті. Просто окремий інструмент написаний на Rust. Заточений під веб розробку. Добре працює з Typescript та JS
Вам чим спінер не догодив? Японці з 1980 року змагаються на швидкість робомишами, а ми будемо в 2024 році змагатися хто швидше поформатує код? Нема чим зайнятись компаніям, окрім як код форматувати? Це плінтус.
@MaksymRudnyi
Ай бұрын
Це не плінтус а гроші, при чому великі. Час програмістів не безкоштовний. І кожен раз ждати доки пройде лінтинг і форматування перед комітом - це довго. Здається що пару секунд не багато, але доки запуститься процес розробник уже переключив контекст і пішов або каву пити або на перекур, або ще куди. А помітити треба часто. Лінтинг на Ci/CD - серверний час теж не безкоштовний. На кожному інструменті економія кілька секунд і виходить пристойна сума. Не забувайте що час множимо на розмір команд і компаній. Хай японці страждають чим хочуть. Ми тут працюємо і гроші заробляємо. Якщо ці інструменти безтолкові, то чому ми уже не пишемо в Notepad++. Шикарна прога була. І не треба було всяких підказок, форматування, лінтерів.
@KlinovAS
Ай бұрын
@@MaksymRudnyi йптхнштйн.. напишіть IDE, який буде зрозумілий навіть для дурних, щоб код для машини був чистий, а для всіх інших з літературними творами на 100 сторінок, щоб без потреби були класи там де їх не повинно бути, але вони є заради зручності, бо теперішній IDE в цьому випадку дуже допомагає. Нехай IDE завжди допомагає. Ниряйте з в глибину графічних блоків, до програмних кодів з поясненнями та грамотним відображенням. А для пк залиште простий швидкий код. Бо заки ви сповідуєте якийсь плінтус, по факту всі клієнти отримують повільні продукти. А у випадку ImageCMS, який був красиво написаний класами, той взагалі потух і плакав гаманець когось вже тепер невідомого. Вже байдуже який красивий на вигляд код
@codokit
Ай бұрын
Просто в JS багато платять, тому люди вигадують нові челенджи. :)
@codokit
Ай бұрын
@@MaksymRudnyi > Якщо ці інструменти безтолкові, то чому ми уже не пишемо в Notepad++. Шикарна прога була. І не треба було всяких підказок, форматування, лінтерів. Доречі, залюбки б писав в Notepad++, якщоб мова дозволяла. :) Наприклад, PHP взагалі не потрібно транспілювати. Економія!
@MaksymRudnyi
Ай бұрын
Дякую