Front-Еnd дайджест #27: Angular 5 и Chrome Dev Summit 2017, советы Эдди Османи, как Grammarly пишет свое расширение

В выпуске: прощай Firebug и привет Firefox Quantum, JavaScript экосистема глазами Дэна Абрамова, переходим на CSS гриды вместе со Slack, а также изучаем скандал на ReactiveConf 2017.

CSS

Rebuilding slack.com — как Slack переписали на CSS гриды

Grid areas and the element that occupies them aren’t necessarily the same size — изучаем гриды

The CSS attr() function got nothin’ on custom properties — как правильно хранить данные в разметке

CSS Code Smells

Smooth corners with CSS Houdini — canvas в CSS

JavaScript

The Cost Of JavaScript — Эдди Османи о производительности Front-End приложений

The melting pot of JavaScript — Дэн Абрамов о состоянии экосистемы и вашей роли в ней

ES proposal: import.meta — module metadata — метаданные для ES-модулей

Creating a Star to Heart Animation with SVG and Vanilla JavaScript

How to use SVG as a Placeholder, and Other Image Loading Techniques — SVG-плейсхолдеры для предзагрузки изображений

Apollo Client 2.0: Beyond GraphQL APIs

All You Need To Know About CSS-in-JS — переходим на CSS in JS

Progressive Web Apps

6 myths of Progressive Web Apps

Learn To Build Progressive Web Applications (PWA)

What is Progressive web App (and Why Should You Care)?

React и React Native

Everything You Should Know About React: The Basics You Need to Start Building — с чего стоит начать?

Netflix functions without client-side React, and it’s a good thing — лендинг Netflix ускорился на 50% без React

React 16:

Create React Kotlin App — CRA добралась до Kotlin

Creating Progressive Web Application in 6 simple steps with React.JS

Performance-tuning a React application.

3+ years of Ember, 6 months of React — Ember vs React

Next.js — React Server Side Rendering Done Right

Rendering a function with React — используем паттерн rendering function

How Redux Can Make You a Better Developer

Navigating Navigation in React Native

React Pattern: Centralized PropTypes

Vue.js

Upcoming TypeScript Changes in Vue 2.5

VueJs: Introduction to Vuex

5 Vuex Plugins For Your Next VueJS Project

The State of Vue.js Report Is Out. Here Are the Most Important Facts and Figures.

Angular

A new Angular Service Worker — creating automatic progressive web apps:

Using Angular Components with Third-Party Libraries

How to Reduce Action Boilerplate

Do you really know what unidirectional data flow means in Angular

3 Tips for Angular Runtime Performance from the Real World

These 5 articles will make you an Angular Change Detection expert

Introducing @ngrx/entity

Node.js

Node Best Practices

Stop supporting old releases.

How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path — как работают веб-сокеты и HTTP/2 с server-sent event

Turning VS Code Into A Killer MongoDB Admin Tool

Стоим микросервис кинотеатр на Node.js:

ReasonML

Ten interesting features from various modern languages

Building the Super Tiny Compiler with Reason

Библиотеки

Critical — утилита от Эдди Османи для автоматической генерации и подключения критических стилей страницы

js2flowchart.js — генерация блок-схем из кода в SVG

Stylable — CSS для компонентов

Frappé Charts — строим графики без зависимостей

Сube UI — мобильные компоненты для Vue.js

React-Virgin — мобильные компоненты для React Native

Helm — генерация письма

XmySQL — генерируем API для MySQL-баз данных

Послушать

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

Пятиминутка React:

Devschacht:

Frontend Weekend:

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

Конференции

Chrome Dev Summit 2017

React Alicante

FrontTalks 2017

WSD в Минске 2017

WSD в Киеве 2017

Демо

Fullstack GraphQL

NBA GO

Что нового

Firefox Quantum

Node.js 8.9.0 LTS и Node.js 9.0.0

Angular 5.0

Ember 3.0

Apollo Client 2.0

Meteor 1.6

VS Code Live Share

Остальное

Building Browser Extensions At Scale — как разрабатывается расширение Grammarly

The Front-End Checklist

How we adapted the Booking.com mobile site for the iPhone X notch.

Really Good UX — коллекция примеров хорошего UX

I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To — обзор докладов Chrome Dev Summit 2017

Проблемы больших компаний

My web app died from performance bankruptcy — Никита Прокопов про развитие веба

The whole web at maximum FPS: How WebRender gets rid of jank

Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster — о внутренностях Firefox Quantum

Saying Goodbye to Firebug — прощай Firebug

Why I cancelled my ReactiveConf talk — про скандал Пегги Рейзис на ReactiveConf 2017


26 ноября в Киеве пройдет конференция — Frontend fwdays. 2 потока докладов: tech talks + workshop и Speakers’ Corner. Программа: frameworksdays.com/...​nd-fwdays-17/page/program

Для читателей дайджеста промо код на 15% скидку: digest-frontend-fwdays


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

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


← Предыдущий выпуск: Frontend дайджест #26.

LinkedIn

2 комментария

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.

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