Front-end дайджест #33: новинки Vue.js и React, чего ждать от нового Angular

В выпуске: разбираемся вместе с Эдди Османи, как загружается статика в Chrome, мир без TS-lint и чего нам ждать в новых версиях CSS.

CSS

Quick Tip: CSS Triangles — разбираемся с 4 способами сделать треугольник

Breaking Boxes With CSS Fragmentation

How @supports Works — как работает @support

Улучшаем наши интерфейсы при помощи CSS Grid, Flexbox и магических container units:

Mask Compositing: The Crash Course — учимся работать с масками

Recreating the Facebook Messenger Gradient Effect with CSS — добавляем градиенты в Messager

Разбираемся и применяем CSS переменные:

SVG Filter Effects:

JavaScript

An Introduction To WebBluetooth — разбираемся с Bluetooth API

How to Create a Fake 3D Image Effect with WebGL — играем с WebGL

Disallow large imports from JavaScript projects — Эдди Османи о баге в ESLint, позволяющем запретить некоторые импорты

JavaScript Loading Priorities in Chrome — Эдди Османи о расписании загрузок в Chrome

Why I Write CSS in JavaScript — Макс Стойбер о том, почему все-таки CSS in JS

Replacing a hot path in your app’s JavaScript with WebAssembly — как заменить самые горячие места в вашем приложении на WebAssembly

Node.js & JavaScript Testing Best Practices (2019) — как стоит тестировать в 2к19

12 Concepts That Will Level Up Your JavaScript Skills — фичи ES6, которые ты обязан использовать

ES5 to ESNext — here’s every feature added to JavaScript since 2015 — как изменился JavaScript за последние годы

React и React Native

Improving Performance in React Functional Components using React.memo() — начинаем использовать React.memo()

How the “Golden Rule” of React components can help you write better code

Advanced Redux Patterns: Selectors

React Hooks:

Vue.js

Sliding In And Out Of Vue.js

Point of Vue   — Facing React

Creating Custom Directives in Vue.js

How to build a web app with Vue, Vuetify and Axios

Цикл статей Vue.js App Performance Optimization:

Angular

Top 10 ways to use Interceptors in Angular

How to get the best performance out of your Angular apps

Redux, Angular Style: ngrx/store

Angular Reactive Forms: Tips and Tricks

Tooltip with Angular CDK

Библиотеки и Инструменты

Zero Server — тренд “Без конфигураций” добрался и до веб-серверов

Instant.page — ускоряем загрузку сайта

Pack — билдер NPM-пакетов

React Three Fiber — рендарим Three.js в React приложениях

Browser Preview for VS Code — которое можно дебажить

Послушать

Frontend Weekend:

Веб-стандарты:

devschacht:

Фронтенд Юность (18+):

CSSSR Новости 512:

RadioJS:

Begebot:

Proconf:

Посмотреть

CSS: FLIP-анимации

Node.js Crash Course — Node.js за 90 минут

Ember.js: The Documentary — документальный фильм про Ember.js

Что нового

IntersectionObserver в браузерах:

Спойлер. Новые функции в CSS

Storybook 5.0 (migration Guide)

Apollo Client 2.5

React v16.8

Vue 2.6 (обзор новинок)

Новый Angular — уже скоро

Ждем новый Chromium-based Edge

Остальное

State Of CSS 2019

Разработка под WebAssembly: реальные грабли и примеры

Where Do You Learn HTML & CSS in 2019?

TSLint in 2019 — TSLint, что дальше?

Better web video with AV1 codec — Злые Марсиане обозревают возможности нового видеокодека
Зачем нам нужны фреймворки и state-management-ы и чего ждать в будущем?

Application Holotypes: A Guide to Architecture Decisions — выбираем правильную архитектуру для разных типов приложений
Рубрика — пишем приложения, которые будут нас радовать:

Git History — смотреть git-историю стало красивее

Leon — персональный ассистент на JavaScript
16 марта пройдет конференция JavaScript fwdays’19. В этом году соберутся 800 участников, которых ждут 3 потока практических докладов от спикеров из Google, Microsoft, GitLab, Wix, Grammarly, Twilio, Kasta; Community stage, открытый микрофон и кинопросмотр на Afterparty. Среди спикеров: Martin Splitt, Christian Heilmann, Shmuela Jacobs, Вадим Макеев, Наталья Теплухина, Chris Gannon, Юрий Артюх, Илья Климов, Александр Соловьев и не только. Программа. Скидка 15% по промокоду: frontend-digest-dou.


Grammarly ищет талантливых Front-End инженеров для усовершенствования нашего продукта, создания минималистичных элегантных пользовательских интерфейсов и решения сложных технических задач. Нашим продуктом пользуются миллионы пользователей каждый день. У нас замечательная команда, вместе с которой мы используем самые передовые технологии. И если вам интересно стать частью её, то смотрите открытые вакансии здесь, или стучитесь ко мне в Facebook.

С вами был Григорий Шехет. За помощь в оформлении дайджеста благодарю своих коллег.


← Предыдущий выпуск: Frontend дайджест #32.
Следующий выпуск: Frontend дайджест #34

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn



Немає коментарів

Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.

Підписатись на коментарі