Front-end digest #47: React 16 beta, тест на знання CSS, фішки CSS змінних

Новини/Релізи:

• React 16 beta

# Yarn
yarn add react@next react-dom@next

# Npm
npm install --save react@next react-dom@next

• CSS Grid Inspector в Firefox Nightly

Статті

• Вікторина: як добре ви знаєте CSS?

• Анімування з CSS змінними

4 способи використовувати CSS змінні для анімації

• Використання CSS :nth-child для виявлення та підрахунку простих чисел

• 5 властивостей CSS, про які ви, скоріше за все, не чули

• Створюємо адаптивний таймлайн за допомогою CSS, Sass та BEM

• Гід по Flexbox та Grid для дизайнерів

• Як зробити красивий лоадер на чистому CSS

• Як оптимізувати зміну розмірів та прокрутку

Корисності:

• Search API – JavaScript бібліотека для створення віджетів пошуку місцезнаходження для веб-додатків від Геологічної служби США

• sphinx-js – інструмент для документування великих JS проектів від Mozilla

• moon – компактна та швидка UI бібліотека

• image-compressor – простий JavaScript компресор для зображень

Javascript Jedi:

• Десять речей, які повинен вміти серйозний JavaScript розробник

• The JavaScript Way – книжка по JS

• Швидкий практичний приклад reduce функції JavaScript

• Анімування частини зображення з anime.js

• Користувальницькі властивості CSS – динамічні зміни з та без Javascript

• Як я повернувся до JS, викинувши з нього 90% сміття

• Service Workers для новачків

• Як використовувати медіа запити в JavaScript

• Як зібрати простий статичний сайт за допомогою Webpack

• Давайте вивчати ECMAScript 6 на простих словах

• Найпопулярніші особливості Javascript ECMAScript 2015 (ES6) і ECMAScript 2016 (ES7)

• Чому композиція складніше з класами ES6

Angular:

• Юніт тестування застосунків Angular за допомогою Jest

• Angular Lazy loading з Webpack

• Як використовувати JavaScript для створення шаблонів HTML листів

• Детальний огляд веб анімацій з Angular

React:

• Обробка помилок в React 16

• Створюємо власний React Router v4

• Створюємо розширення для Chrome DevTools за допомогою React.js

• Будуємо дійсно універсальні системи компонентів React

• Реконструювання фронтенду Airbnb

Історія від розробника програмного забезпечення в Airbnb

• Використання React в декількох середовищах

У вас є застосунок React, який працює локально, але як ви можете застосувати його до різних середовищ?

• Створюємо простий калькулятор на React і Node

• Створюємо перший React застосунок

• Посібник по тестуванню React застосунків

Vue.js:

• Будуємо красиві графіки з Vue.js за допомогою обгорток для Chart.js

• Перемикаємось з React на Vue.js

• Як опублікувати Vue.js компонент на NPM

Відео:

• VueConf 2017

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

• Tbilisi Gardens

• The Musical Forest

• Task Chairs by Vitra

• Ghost Recon Wildlands

• Residente