frontend
(58)
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...
Alex · 10 серпня · 118
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...
Alex · 04 серпня · 53
Що таке Node.js? Основи серверної розробки на JavaScript
Node.js - це потужне середовище виконання для запуску JavaScript-коду поза веб-браузером. Воно дозволяє запускати JavaScript на стороні сервера, що дає змогу розробникам створювати масштабовані, високопродуктивні та керовані подіями застосунки. Node....
Alex · 04 серпня · 82 · 3
5 незручних фактів про TypeScript
Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідно ознайомитися: 1. TypeScript не врятує вас від Ja...
Alex · 27 липня · 113
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...
Alex · 15 червня 2022 · 596
@-правила CSS
Переклад статті Джеффа Грема на CSS-Tricks від 12 травня 2015. @-правило - директива, яка дозволяє створювати в CSS інструкції для зміни відображення або поведінки елементів сторінки. Кожен оператор починається символом @, що слідує перед одним із до...
Codeguida · 25 листопада 2021 · 4
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...
Codeguida · 11 листопада 2021 · 3
Основи роботи з адаптивним текстом
Не секрет, що для того щоб текст прочитало якнайбільше людей, він теж повинен бути адаптивним. Його розмір повинен залежати від розміру екрану. Зазвичай для цього задають розміри в rem. І тоді вже браузер вирішує якого розміру текст потрібно відобраз...
Codeguida · 19 вересня 2021 · 2
Основи Webpack 2
Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...
Codeguida · 26 серпня 2021 · 2
Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker
Розгортання Node.js у PaaS Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі застосунки. У цьому туторіалі ви навчитеся використовув...
Codeguida · 14 серпня 2021 · 2
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...
Codeguida · 13 липня 2021 · 18
++i проти i++ в Javascript
Там де є i там є маленька, але важлива відмінність між ++i та i++, що може завдати достатньо головного болю, якщо не бути обережним. Спробуйте це: var i = 5; i++; console.log(i); //=> 6 ++i; console.log(i); //=> 7 Як і очікувалось, обидві версії інк...
Codeguida · 20 червня 2021 · 21