7 хаків для ES6 розробників

Після оригінальних хакв JavaScript, ось деякий новий синтаксичний цукор. Кодування JavaScript в 2018 році це насправді весело! Хак №1 — Swap змінні. Використовуйте Array Destructuring для зміни значень. let a = ‘world’, b = ‘hello’ [a, b] = [b, a] console.log(a) // -> hello console.log(b) // -> world // Yes, it’s magic Хак №2 — Async…

Angular 5: Unit тести

За допомогою unit тестів ми можемо переконатися, що окремі частини програми працюють саме так, як ми від них очікуємо. Це в деякій мірі рятує від поломок існуючий код, допомагає прояснити – як він буде працювати в тих чи інших випадках. І, врешті-решт, дозволяє подивитися на код, так скажімо, з боку, щоб побачити його слабкі сторони….

Підручник Webpack 4

Команда розробників Webpack цей раз добряче попрацювала над новим поколінням популярного збирача модулів (Бандлера) – webpack 4. Репозиторій з використовуваним кодом тут. Webpack 4 як збирач модулів з нульовою конфігурацією Ніхто не сперечається: у нього є потужні плюси, велика кількість можливостей і налаштувань, проте головним болем є файл конфігурації. Написання конфіга не складає проблеми для…

Typescript. Властивості доступні тільки для читання

У версії Typescript 2.0 був доданий модифікатор readonly. Властивостями поміченим модифікатором readonly значення може бути присвоєно тільки в момент ініціалізації, або в конструкторі того ж класу. Будь-які інші присвоювання значення заборонені. Давайте подивимося на приклад. Тут представлений простий тип Point, описуваний двома властивостями, доступними тільки для читання: type Point = { readonly x: number; readonly…

Angular оновився до версії 5.1

Вийшло невелике оновлення JS-фреймворка Angular 5.1. У список поліпшень входять стабільні версії Angular Material і CDK, підтримка Service Worker API в CLI і підтримка TypeScript 2.5. Після виходу мажорного релізу Angular 5.0 минулого місяця команда оголосила про випуск коригуючого поновлення Angular 5.1.0, в якому з’явилося кілька дрібних фич і виправлені деякі помилки. Також був випущений…

Всі основні браузери тепер підтримують WebAssembly

Всі розробники веб-браузерів всього лише протягом 2 років змогли впровадити в свої продукти підтримку WebAssembly. Робота над WebAssembly почалася в 2015 році, коли розробники основних веб-браузерів об’єднали зусилля для створення бінарного формату (байт-коду) для мережі Інтернет. Переваги WebAssembly Перевага байт-коду полягає в тому, що він в кілька разів менше в розмірі, ніж код, з якого…

Зустрічайте нову версію Angular – Angular 5

Ми раді оголосити версію 5.0.0 Angular, pentagonal-donut. Це основний реліз, що містить нові функції та виправлення помилок. Цей реліз продовжує концентруватися на тому, щоб зробити Angular меншим, швидшим і простішим у використанні. Ось розбивка деяких найбільших змін у v5. Для повного списку перегляньте історію змін. Oптимізатор збірки Станом на 5.0.0, виробничі збірки, створені за допомогою…

React з використанням ряду особливостей ES6+

За цей рік, в процесі реорганізації Instagram Web, ми насолодилися використанням ряду особливостей ES6+, при написанні нашх React компонентів. Дозвольте мені зупинитися на тих моментах, коли нові можливості мови можуть вплинути на те як ви пишете React додатки, і зроблять цей процес легше і веселіше, ніж коли-небудь. Класи До цих пір найбільш помітним з видимих…

Минуле, теперішнє та майбутнє Angular CLI

Angular CLI являє собою інтерфейс командного рядка для створення Angular додатків, і протягом останнього року він став одним з найбільш важливих інструментів в арсеналі Angular розробника. CLI несе відповідальність за автоматизацію вирішення багатьох проблем та головних болів, які стають розробниками в 2017 році. Починаючи з конфігурації, яка працює з коробки, випікання в найкращих практиках, які…