Front-end digest #36

Новини:

• У React Native додали підтримку %

Статті:

• Еволюція CSS: Від CSS, SASS, BEM, CSS модулів до Стилізованих компонентів

• Як створити свою власну схему URL

• Основи створення і надсилання HTML імейлів для веб-розробників

• Розробка архітектури веб-додатка, що "просто працюватиме" офлайн (частина 1)

• Найпопулярніші роботи на Codepen за 2016

{full-post-img}

• Гід по flexbox-сітці Bootstrap 4.0

• Брудні CSS хаки для створення адаптивних імейлів

• Створення кастомного HTML5 відеоплеєра і тіньової моделі документа (Shadow DOM)

• Дещо, що потрібно знати про Градієнти і "Прозорий чорний"

• Gulp vs Grunt

• Розбираємося з CSS Flexbox за 5 простих кроків

• 3 нові фічі CSS з якими слід розібратися у 2017

• Розглядаємо Flexbox: все, що вам потрібно знати

• Як створити "дзеркальний" ефект

Корисності:

• ColorMe - інструмент візуалізації CSS сolor функцій

• xvg - Chrome розширення для відлагодження SVG

• Flexdatalist - jQuery плагін автозаповнення з підтримкою <datalist>

• react-mde - Markdown редактор для React

• Prettier - форматувальник JavaScript, що підтримує ES2017, JSX і Flow

Javascript Jedi:

• Створюємо кастомний інпут для тегів зі Skate.js

• TypedArray або DataView: Розбираємось з порядком байтів

• TypeScript vs. Flow

• Як отримати приріст продуктивності за допомогою WebAssembly

• Вивчення JavaScript у 2017 - відстій, і це круто!

• Основи відлагоджування JavaScript у Chrome DevTools

Angular:

• Покращуємо стан вашого додатка з Redux

• Створюємо калькулятор для розрахунку часу роботи батареї Tesla з реактивними формами Angular 2

• Тестуємо директиви Angular з кастомними matchers

• Створюємо iTunes плеєр з Angular

React:

• Гід по React (ч. 1): Повне керівництво по створенню додатків з React.js

• TypeScript розробникам подобається React

• Як розробити бібліотеку для React

• Тестування React компонентів з Jest та Enzyme

• Нащадки в JSX

• Redux на практиці (ч. 6): Пов'язані списки, форми, і продуктивність

• Як використовувати jQuery бібліотеки з React

Відео:

• dotJS 2016 - Бінарні операції в JavaScript

• Швидкісне програмування "Змійки" на JavaScript

5 сайтів, що надихають:

• Dppi

{full-post-img}

• Land Lines

{full-post-img}

• Big Youth

{full-post-img}

• ASTRAL Seasons Greetings 2016

{full-post-img}

• Intangible Matter

{full-post-img}