Final countdown. DevOps Stage 2018. Book your ticket today.
×Закрыть

Front-end дайджест #30: более 150 полезных ссылок за май

В выпуске: смотрим на перфоманс под новым углом вместе с Guess.js, исследуем различные CSS свойства и хаки, а также что нового в Angular 6 и React 16.x.

HTML и CSS

Finger-friendly numerical inputs with inputmode — как работает новый атрибут для текстовых полей

How CSS works: Parsing & painting CSS in the critical rendering path — как работает CSS

Unicode Patterns

It All Started With Emoji: Color Typography on the Web

Responsive tables, revisited

Page Transitions for Everyone

Where Lines Break is Complicated. Here’s all the Related CSS and HTML

Getting Started With CSS Layout

Переменные и пользовательские свойства — делаем CSS динамическим:

Используем Гриды:

Исследуем CSS свойства и селекторы:

JavaScript

11 Javascript Utility Libraries You Should Know In 2018 — что использовать в 2K18?

Top 10 JavaScript errors from 1000+ projects (and how to avoid them) — разбираем самые популярные ошибки в JavaScript

BigInt: arbitrary-precision integers in JavaScript — новый формат больших чисел в JavaScript

Implementing an async queue in 23 lines of code

JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators — All Explained Simply — как работают новинки ES6

The 7 Biggest Lessons I’ve Learned By Building A Twitter Bot — строим Twitter-бота

A Gentle Introduction to Prepack (Part 1) — Дэн Абрамов о принципах работы Prepack

Real-time Human Pose Estimation in the Browser with TensorFlow.js — распознаем позицию людей в браузере вместе с TensorFlow

React и React Native

The most important lessons I’ve learned after a year of working with React

5 Tools For Faster Development In React

How React Reconciliation Works

Let’s fall in love with React Fiber

What can the React Context API do for you? Multi-language text, Modals, and Themes

JSX can do that? — делаем вычисления в JSX

Хендлинг событий в React классах:

Менеджим стейт React приложений:

Строим приложения и демки на React:

Тестируем React приложение:

React Native:

Vue.js

How to use the Vue.js DevTools

Vue.js — Considerations and Tricks

Hello Protovue — Prototyping Component Framework for Vue.js

What does the ‘h’ stand for in Vue’s render method?

CSS Tricks Screencast Learning Vue

Vue CLI 3: A Game Changer For Frontend Development — новая CLI

Anyway, this is why I prefer Vue over React — рубрика почему Vue.js, а не React

Angular

Improve your Angular app performance by using this simple Observable cache decorator — оптимизируем Observables

Angular Ivy change detection execution: are you prepared?

Why It’s Time to Say Goodbye to Angular Template-Driven Forms

Как все хорошо в Angular 6:

GraphQL и Apollo

GraphQL: 3 Years in, and lessons learned

GraphQL Shield

GraphQL Schema Stitching in action with Apollo

Three ways to represent your GraphQL schema

Authorization in GraphQL

Building AI Enabled GraphQL Applications

Reconciling GraphQL and Thrift at Airbnb

Node.js

A crash course on securing Serverless APIs with JSON web tokens — думаем о секьюрности

Memory Leaks in NodeJS | Quick Overview — ищем утечки памяти

The Beginner’s Guide to Meteor — руководство по Meteor.js

How You Can Start Contributing to Node.js Today — как развивать Node.js

Build live comments with sentiment analysis using Nest.js

Implementing SOLID and the onion architecture in Node.js with TypeScript and InversifyJS

How to set-up a powerful API with Nodejs, GraphQL, MongoDB, Hapi, and Swagger

Библиотеки

Guess.js — новый уровень улучшения перформанса

Prerender-Loader — universal pre-rendering для Webpack

Vuido — нативные приложение на Vue.js

Impact — HTML5 Game Engine

Saber.js — пишем статические сайты на Vue.js

fast-copy — быстрое копирование объектов

Marble.js — FRP HTTP миделвер для Node.js, на TypeScript и RxJS

Послушать

Frontend Weekend:

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

devschacht:

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

Radio.js:

Egghead подкаст:

Конференции и митапы

JSHeroes 2018

React Amsterdam 2018 Conference

KharkivCSS #3 2018

React Finland 2018

Uphill Conf 2018

ZEIT Day San Francisco 2018

MinskJS Meetup #4 — 24 мая 2018

Chrome and Web at Google I/O 2018

React Europe 2018:

Подборки TOP-10 статей за май

От Techburst.io:

От Mybridge:

Подборки TOP-10 open-source за май

От Techburst.io:

От Mybridge:

Что нового

React v16.4.0

Angular 6

Microsoft Edge 17 Developer Guide

ReLaXed — вёрстка PDF-файлов при помощи веб-технологий

Material-UI v1

Custom domains on GitHub Pages gain support for HTTPS — новинки Github-пейджей

Остальное

A Guide to Becoming a Full-Stack Developer in 2017

Service Worker Cookbook от Mozilla

Goodbye Facebook, Hello Robinhood — Lee Byron про уход из Facebook

VS Code can do that?! — хаки VSCode

Managing Heading Levels In Design Systems

To Yarn and Back (to npm) Again — когда вернемся к NPM?

The Front-End Tooling Survey 2018 — Results

Как потерять друзей и заставить всех себя ненавидеть, делая код-ревью

Исследуем инструменты разработчика:

Секьюрити чек-листы:


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

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


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

LinkedIn

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

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

Спаcибо, за проделанную огромную работу )

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