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 Loading Image 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 Developer Better

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

Демо

Fullstack GraphQL

NBA GO

Що нового

Firefox Quantum

Node.js 8.9.0 LTS і Node.js 9.0.0

Інше

Building Browser Extensions At Scale — як розробляється розширення Grammarly

The Front-End Checklist

How we the adapted 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

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

З вами був Григорій Шехет, . За допомогу в оформленні дайджесту дякую своїх колег.

? Попередній випуск: Frontend дайджест #26 .

Опубліковано: 18/11/17 @ 11:00
Розділ Різне

SEO Блог