Frontend дайджест #15: Пишем свой Virtual DOM, Google IO и React Europe
В выпуске: интервью c TJ, React Native IDE, опенсорсные приложения на React, Angular и Electron.
Почитать
Будущее браузеров и искусственный интеллект. Дзэн в Яндекс.Браузере.
ScotlandCSS — текстовая трансляция.
Creating a CSS Curtain Opening Effect.
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 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.
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 —
Остальное
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.
