frontend
(59)
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...
Alex · 04 серпня 2023 · 125
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...
Alex · 10 серпня 2023 · 162
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Аутентифікація в односторінкових застосунках. Частина 2.
В першій частині ми розглядали заголовок Authorization як один з популярних способів аутентифікації в односторінкових застосунках. Він має свої переваги та недоліки. Використовуючи заголовок Authorization, доведеться також користуватися веб сховищем...
Codeguida · 24 вересня 2018 · 19
Аутентифікація в односторінкових застосунках. Частина 1.
Популярність односторінкових застосунків зростає щороку. Навіть якщо застосунок і не на 100% односторінковий, кількість функцій, що базуються на JavaScript, невпинно росте. Під аутентифікацією ми маємо на увазі підтвердження особи користувача чи дост...
Codeguida · 03 липня 2018 · 23
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...
Codeguida · 18 грудня 2017 · 5
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 43
Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 10
Як працює this в JavaScript
Новачкам (і не тільки ним) буває важко розібратися з ключовим словом this. Існує 5 правил, що допоможуть вам зрозуміти принцип роботи this та не плутатися в майбутньому. Звісно, ці правила не покривають всі випадки, але вони працюють в більшості ситу...
Codeguida · 01 червня 2017 · 152
Node Hero: Частина 4 - Ваш перший Node.js HTTP сервер
Модуль http для вашого Node.js северу При розробці додатків на основі HTTP в Node.js, ви будете багато працювати з вбудованими модулями http/https. Тепер, давайте створимо наш перший Node.js HTTP сервер! Нам потрібно буде require модуль http і прив'я...
Codeguida · 18 червня 2020 · 9
Наука про SVG анімації
Плоский дизайн все більше стає трендом 2016 року, відповідно SVG тепер використовується достатньо часто. Переваг багато: незалежність від роздільної здатності, крос-браузерність і доступні DOM ноди. У цій статті ми розглянемо, як ми можемо використов...
Codeguida · 15 січня 2020 · 5
Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker
Розгортання Node.js у PaaS Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі застосунки. У цьому туторіалі ви навчитеся використовув...
Codeguida · 14 серпня 2021 · 16