Frontend дайджест #15: Пишем свой Virtual DOM, Google IO и React Europe

В выпуске: интервью c TJ, React Native IDE, опенсорсные приложения на React, Angular и Electron.

Почитать

Будущее браузеров и искусственный интеллект. Дзэн в Яндекс.Браузере.

ScotlandCSS — текстовая трансляция.

Creating a CSS Curtain Opening Effect.

Injecting a Line Break.

Sticky Footer, Five Ways.

Controlling the Canvas with JavaScript Objects.

Hack Physics and JavaScript (part 1).

The Shocking Secret About Static Types.

Создание сервис-воркера: разбор примера.

5 JavaScript „Bad” Parts That Are Fixed In ES6.

Why ContentEditable is Terrible.

Supercharge your Framer prototype with Firebase.

Functional Reactive Game Programming — RxJS Breakout — играем с RxJS.

How to write your own Virtual DOM — Part 1, Part 2.

How to Make Your React Apps 15x Faster.

Why immutability matters in React.

React Europe 2016 Overview.

React Unit Testing with Mocha and Enzyme — хорошая статься о тестировании React приложений.

The 16 Most Popular React Links So Far in 2016.

Introducing Horizon: build realtime apps without writing backend code — бэк-энд для JS-приложений от RethinkDB.

What's TJ Holowaychuck's Stack These Days? — интервью с TJ.

Новые статьи от ребят из Apollo:
— Apollo Client: GraphQL with React and Redux;
— GraphQL explained;
— GraphQL in 2016: A Growing Ecosystem.

Туториалы

How to Build a News Website Layout with Flexbox.

Tutorial „Sorry, your browser doesn't support WebGL”.

Визуализация геоданных в D3.js.

Setting up a Basic Service Worker.

Creating a Mobile Application with Reapp.

Quick Start Tutorial: Universal React, with Server Side Rendering.

React, Webpack, and Horizon Quick Start.

Understanding ASTs by Building Your Own Babel Plugin.

Build Your Own Custom SlackBot with Node.js.

Create Cross-Platform Desktop Node Apps with Electron.

Посмотреть

Live Coding a JavaScript Poll App with Chris and Alex — приложение для создания опросов.

Learn Redux — бесплатный курс по Redux.

Building React Applications with Idiomatic Redux — новый курс по Redux от Дэна Абрамова.

Progressive Web Apps and Extensible Web.

SPA Meetup № 2 — Angular и Dart, изоморфность, CSSO.

Веб секция Google I/O.

React-Europe 2016 — день 1, 2.

Послушать

Веб-стандарты — 16, 17, 18 и 19 выпуски.

JavaScript Air:
— Episode 022: The Science of People in Tech;
— Episode 023: Transitioning from REST to GraphQL;
— Episode 024: Progressive Web Apps;
— Episode 025: (Rerun) Functional and Immutable Design Patterns in JavaScript.

Библиотеки

WAIT! Animate — генератор пауз между CSS-анимациями.

React virtual list — компонент для рендера больших списков.

Visual-center — находим центр изображений.

Kewler — манипулятор цветов.

Modaal — модальные окна на любой вкус.

Push.js — пуш уведомления на JavaScript.

Why did you update, bruh? — отлавливаем лишнее апдейты React компонентов.

React-D3 — D3 стал реактивным.

Timedropper — необычное поле ввода времени.

Telebot — модуль для разработки Telegrm-ботов.

PWAify — заворачиваем веб-приложения в Electron.

Nativefier — обработка веб-страниц в нативных приложениях.

Демо

Esch VG — графический редактор Грегора Адамса.

The Aviator — 3-х мерная игрушка на Three.js

Остальное

jQuery 3.0.

Новый Firebase.

JavaPoly — Java в браузере.

GitKraken — git клиент на Electron.

Method Drow — графический редактор на основе SVG-Edit.

CSS Diner — играем, учим CSS-селекторы.

22 Amazing open source React projects.

18 Amazing open source Angular projects.

Websites We Like: June 2016 — лучшие сайты июня.

10 Fun Browser Games For Learning Web Development — играем в браузере.

Jam API — парсим сайты в JSON.

Browser Calories — расширение, рассчитывающее быстродействия сайта.

Babel react optimize — коллекция плагинов для оптимизации React приложений.

About — создаем мобильных ассистентов.

Type Terms — учим типографию.

Anatine — твиттер клиент на Electron от Sindre Sorhus.

ElectroCRUD — mySQL CRUD на Electron.

Сolor Wander — генератор Canvas картин.

SVGO Compressor — SVGO плагин для Sketch.

Deco — IDE для React Native.


Grammarly ищет талантливых инженеров. Нашим продуктом пользуются миллионы пользователей каждый день. У нас замечательная команда, мы используем передовые технологии и решаем интереснейшие технические задачи. Смотрите открытые позиции на www.grammarly.com/jobs/engineering и присоединяйтесь.


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

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

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

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



3 коментарі

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

18 Amazing open source Angular projects.
Ссылка некорректная

«No open positions at this time» :)

Так швидко знайшли?

P.S.: спасибі за дайжест.

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