Front-Еnd #24: ReasonML, React в Airbnb і Samsung Internet

У випуску: React Sketch App і Sizzy, прийдешній Node 8.0 і новий Atom, CSS змінні і CSS in JS бенчмарки, а також минулий React Amsterdam.

CSS

The Different Logical Ways to Group CSS Властивості — як правильно групувати CSS властивості

The Many Tools for Shape Morphing — про події морфінга SVG-фігур

Adding :focus-within selector to Chromium — огляд нового селектора

Implementing system fonts on Booking.com — A lesson learned — досвід зміни шрифтів booking.com

Simplifying CSS Cubes with Custom Properties — як CSS змінні спрощують створення 3D об'єктів

— використовуємо CSS змінні

JavaScript

Native form validation — Part 1 , 2 — секрети нативної валідації форм у браузерах

ECMAScript modules in browsers — огляд ES6 модулів у браузерах

ES6 modules support lands in browsers: is it time to rethink bundling? — чи варто нам змінити складання коду з появою нативної підтримки ES6 модулів?

Using fetch() and reduce() to grab and format data from an external API — A practical guide

Upgrading Ele.me to Death Web App — досвід створення PWA на Vue.js від найбільшого китайського сервісу для замовлення їжі

How to do proper tree-shaking in Webpack 2

Combine Webpack with Gulp 4 — об'єднуємо і беремо краще

10 Machine Learning Examples in JavaScript — приклади машинного навчання в JavaScript

An Overview of JavaScript Testing in 2017 — як тестувати JavaScript в 2017

RxJS Subjects for human beings

React і React Native

Which Projects Need React? All Of Them! — коли варто використовувати React?

Hello from React Amsterdam 2017 — огляд React Amsterdam

Rearchitecting Airbnb's Frontend — як працює Front-end в Airbnb

After building my first React Native app, now i'm convinced it's the future.

45% Faster React Functional Components, Now

CSS in JS

CSS in JavaScript: The future of component-based styling — як правильно писати стилі для компонент

Stop using CSS in JavaScript for web development — дев'ять причин не використовувати CSS in JS і styled-components

Why CSSinJS — презентація Олега Слобідського

Angular 1x-2

Essential Angular: 7 Blog Posts + Book

Testing Angular Apps in WebStorm

Create the toJSON operator in Angular

ngrx/store reuse reducer logic

Moving From Angular to Vue : A journey vuetiful

Node.js

Node.js 8.0.0 has been delayed and will ship on or around May 30th — чого чекати?

How To Build a React GraphQL Static Site Served From AWS CloudFront — будуємо просте додаток на GraphQL і React

How to use DynamoDB Document Client with AWS Lambda DynamoDB Streams

Understanding Node.js Event-Driven Architecture

How to write nice, typed and expressive node-express functions — покриваємо типами express додаток

ReasonML

Reasons to love Reason

Rsnpaint — експеримент з написанням анімацій

ReasonablyTyped — переводимо типи з Flow в ReasonML

Create Reason React App

Найпопулярніші бібліотеки на OCaml/ReasonML:

Бібліотеки

Prepack — оптимізуємо код на етапі складання

Lists — колекція даних у форматі JSON

Freactal — нової бібліотека для управління станом в додатках React

Speedracer — вимірюємо продуктивність автоматично

Styled-JSS — Styled-Components у зв'язці з JSS

Typefont — розпізнаємо текст з картинки

Butternut — JS-минификатор

Послухати

Веб-стандарти64 , 65 , 66 , 67 , 68 , 69

П'ятихвилинка React:

Фронтерки

Devschacht1 , 2

Frontend Weekend:

Конференції

UralJS #3 06.04.16 в F. Starter

JavaScript fwdays'17

KyivJS April 2017

React Amsterdam 2017 Conference

Демо

Adventure Time — на чистому CSS

Wolfenstein 3d — на чистому CSS

MINE3D — тривимірний сапер на WebGL

Що нового?

Introducing GitHub for Atom

React Sketch.app

Samsung Internet:

Autoprefixer 7.0

Webpack CLI

Sizzy — відповідь на питання як створювати респонсив веб-ресурси

Сreate Next App — React Create App сервер-сайт рендерингом

Electrino — Electron без зайвих залежностей

ExtReact — компоненти для React Native

Launchpad — інструмент для створення і публікації адаптивних сайтів зі Sketch

Інше

Intro to React — вчимо React

45% Faster React Functional Components, Now

Wait, WebP is actually worth it — WebP та його переваги

Facebook's Prepack — The Next Killer In The Zone JavaScript

Mobile First, Desktop Worst — про спрощення десктопних версій на адаптивних сайтах

Configure ESLint, pret-рівня, and Flow in VS Code for Development React

The Ultimate Atom Editor Setup (+for JS/React)

Quantum Up Close: What is a browser engine? — про браузерні движки і проект Quantum який змінить Firefox

The single tip that made me a better programmer — рада — як стати кращим програмістом від Андре Стальца

An Interview with Matt Loring, an engineer on google's NodeJS Runtime team — як використовують Node.js в Google

A step-by-step guide to building a simple chess AI — як написати шахи для браузера

Free online converter from PSD to Sketch — від команди Avocode

CSS in JS benchmarks — бенчмарки різних CSS in JS імплементацій


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


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

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

Рекомендуємо:

Як перемогти Баден-Баден: відповіді на часті запитання
Go - це просто. Створюємо HelloWorld веб-сервер
DOU Проектор: Raccoon.world - гаджети для взаємодії з цифровою реальністю
DevOps дайджест #13: Docker поплив, біля Go водяться дракони
DOU Books: 5 книг по програмуванню, які радить Денис Шевченко, Director of Technology в Plarium