Front-end digest #29

Новини:

• React v15.4.0

• Angular 2.2.0

###Статті:

• Тренди веб-розробки у 2017

• HTML 5.1 - це золотий стандарт

• Сила rgba() в CSS

• Нас чекає революція в верстці шаблонів листів

• Речі, які я дізнався про CSS Grid Layout

• Прощавай, растр, привіт, вектор: 3 шляхи простого використання SVG

• Bootstrap 4: Regular Grid VS Flexbox Grid

• Ти, я та Emoji

• Яка різниця між Meteor та Electron?

• Як працюють псевдо-класи CSS, пояснення з прикладами коду і великою кількістю діаграм

• Абсолютно вірний спосіб робити CSS брейкпоінти

• CSS Grid Layout і комікси

{full-post-img}

Корисності:

• Новий тиждень - новий бандлер JS майбутнього, цього разу Splittable - з підтримкою code splitting, ES6 і CommonJS модулів

• Preact - швидка та компактна (3кб) альтернатива React з ідентичним ES6 API

• next.js - мінімалістичний фреймворк для універсальних додатків React, що рендеряться на стороні сервера

• awesome-atom-packages - набір корисних пакетів для Atom для веб-розробників

• Clarity Design System - UX гайди, HTML/CSS фреймворк, і Angular 2 компоненти в одному наборі

• Screeps - MMO, де потрібно писати JS-код для управління своїми юнітами

{full-post-img}

Javascript Jedi:

• Основи деструктуризації в JS

• 4 нові рядкові методи в ES6 про які вам потрібно дізнатися

• Проекти іноді можуть будти найгіршим способом вивчати JS

• ES6 - це круто, але з ним потрібно бути обережним

• Ember замість React у 2016

• Monkey Testing з Gremlins.js

• Веселе функціональне програмування з Choo Framework

• Як розібратися з основами Framework7, VueJS і Webpack

• Створюємо Реактивний UI фреймворк з JavaScript Proxies і віртуальним DOM

• Знайомство з Lenses в JavaScript

• Ефект 'Невидимого олівця' в SVG з Vivus.js

• Angular 2 Web і Native додатки зі спільною кодовою базою

• Кастомні валідатори в формах-шаблонах Angular 2

• Angular 3, так швидко?

• Як вивчити React

• Гайд по Redux і Thunk в React для новачків

• Контрольовані і неконтрольовані форми входу в React не повинні бути складними

• Покрокове керівництво для початківців по Code Splitting з Webpack 2 і React Router

Відео:

• Візуалізуємо дані з D3.js з Іконою стилю

• Vue.js - прогресивний фреймворк

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

• DIESEL BAD GUIDE

{full-post-img}

• Adison Partners

{full-post-img}

• WRETCHED BEAUTY

{full-post-img}

• Circles Conference

{full-post-img}

• Phoenix Startup

{full-post-img}