Front-end digest #84: основи CSS Layout, стратегії оптимізації зображень, знайомство з ReasonML

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

• Jest 23

• TypeScript 2.9

• React 5 років! 🎂

• Chrome 67 — авторизація за допомогою біометричних сенсорів та USB-ключів, підтримка API Generic Sensor та WebXR Device API

• React v16.4.0

• npm v6.1.0-next.0

• GSAP 2.0

Статті

• hsl() та hsla() для програмного керування кольором

• Форми, авторизація та безсерверні функції на Gatsby та Netlify

• Основи CSS Layout

• CSS Grid Layout vs CSS фреймворки

• Гід по z-index

• Гід по CSS: каскад

• Які інструменти для перевірки доступності вам слід використовувати

• Найкращі стратегії оптимізації зображень

• Окрім SPA: альтернативні архітектури для вашого PWA

• Як працювати з динамічними кривими Безьє

Корисності

• Wired Elements — набір UI елементів у стилі скетчів

• nanoJS — мінімалістична JS бібліотека для маніпуляцій з DOM

Javascript Jedi:

• Посібник по рядкових методах в JS

• Корисні методи для роботи з масивами та об'єктами в Javascript

• Алгоритми та структури даних, реалізовані у JavaScript

• Сучасні функції JavaScript, які ви повинні використовувати кожен день

• Найкращі практики використання сучасного синтаксису JavaScript

• Однонапрямне зв'язування даних без фреймворків

• Визначення підтримки WebVR за допомогою JavaScript

• Захоплення та інформування про помилки JavaScript за допомогою window.onerror

• Деплой Webpack застосунків на Heroku у 3 простих кроки

• На Yarn та назад (на npm)

• ESLint vs. Prettier

Angular:

• Впровадження залежностей в Angular

• Демістифікація юніт-тестів в Angular, ч. 2

• Створюємо реальний веб застосунок на Angular 6 — детальний посібник, ч. 1

• NgRx — найкращі практики для ентерпрайз Angular застосунків

• 44 поради по налаштуванню продуктивності Angular

• Реактивне програмування в Angular: пуш сповіщення

• Час сказати «Прощавай» Template-Driven формам

• Angular + Redux — висновки

• Від кастомних Webpack білдів до Angular CLI

• Створюємо Angular 6 застосунок за допомогою Visual Studio 2017

• Форсуємо свій робочий процес за допомогою Angular 5 сніпетів та VS Code

• Створення UI за допомогою компонентів Angular Material Design

• Angular Elements — практичний посібник по веб компонентах з Angular 6

• Angular Material та Angular 6

React:

• Найважливіші уроки, які я отримав за рік роботи з React

• Основи ReasonML та React Native

• Вивчаємо ReasonML, створюючи гру «Хрестики-нулики» на React

• Управління станом в React за допомогою Unstated

• Знайомство з Reach Router

• Flow vs TypeScript в React 

• Вивчаємо Redux: найпростіший посібник для початківців

Vue:

• Створення мультикореневих компонентів Vue.js 🇺🇦

• Що означає h у Vue методі render?

new Vue({
 render: h => h(App)
}).$mount('#app')

• З VanillaJS на Vue.js: історія рефакторингу

• Створюємо сучасні веб застосунки за допомогою Django та Vue.js

• Прозорі компоненти обгортки у Vue

• Створення та публікація веб компонентів за допомогою Vue CLI 3

• Реактивна Firebase аутентифікація за допомогою Vue

• Створюємо реальний веб застосунок за допомогою Vue.js та Firebase

Відео:

• Переваги асинхронного рендерингу в React

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

• Mathis Biabiany - Portfolio

• Studio Regale

• The Grandmaster Challenge Ogury

• THE FIVE SEASONS by Alessi

• Studio BJØRK