Frontend дайджест #11: лайфхаки для разработки на React, 7 жизненноважных функций в JavaScript, секьюрити в Node.js приложениях
В выпуске: на что следует обратить внимание Node.js разработчику в текущем году, Redux и GraphQL на практике, основы гибкого ClojureScript, функциональный рефакторинг в JavaScript, диалект Haskell для разработки интерфейсов, решение проблемы npm-зависимостей.
Почитать
Why I Left Gulp and Grunt for npm Scripts — как жить легче, используя NPM скрипты.
Angular 2 First App Post-Mortem — пробуем Angular 2.0.
How ES6 Generators are changing the way we write Javascript — изменяем мышление с ES6 генераторами.
Understand promises before you start using async/await — как правильно использовать promise.
Asynchronous I/O with Generators & Promises — обрабатываем асинхронных код при помощи промисов и генераторов.
React.js Best Practices for 2016 — React в 2016 году.
How to Become a Better Node.js Developer in 2016 — на что следует обратить внимание Node.js разработчику в текущем году.
7 жизненно важных функций в JavaScript — 7 функций, которые ты должен знать.
Relay и GraphQL в картинках — Part 1, Part 2 и Part 3.
Writing a React Component in ES2015+ - пишем React-приложение, используя ES6+ классы.
React.js pure render performance anti-pattern — набор лайфхаков для разработки приложений на React.
Wordpress на стеройдах с Node.js, React и GraphQL — Part 1, Part 2, Part 3.
Getting started with Redux and GraphQL — Redux и GraphQL на практике.
Webpack vs Browserify: By The Numbers — Webpack против Browserify.
From REST to GraphQL — GraphQL в деталях .
ClojureScript is the Triforce of Power -основы гибкого ClojureScript.
New to Ember? Start here! (2016 tutorial) — небольшой урок по Ember для тех, кто не попробовал его раньше.
React Unit Testing with Tape — тестируем React с помощью Tape.
Plug and Play All Your Observable Streams With Cycle — реактивное программирование, или как работает Cycle.js.
Why React/Redux is an inferior paradigm — почему был создан Cycle.js.
Hello, Nodal — Building Node.js Servers for Everybody — пишем приложение на Nodel.js.
Simple Guide to Finding a JavaScript Memory Leak in Node.js — находим утечки памяти в Node.js-приложении.
Введение в Elm:
— Getting Started with Elm,
— Understanding Elm: Signals, Mailboxes, Addresses, and Actions,
— Working with Elm: Applying Signals and Actions to our App.
Rx-ifying a chat room built with ReactJS and Socket.io — пишем чат, используя Rx.js и Socket.io.
RxJS is great. So why have I moved on? — FRP и Rx.js: за и против.
2016 — the year of web streams — веб-потоки на практике.
Responsive Image Breakpoints Generator, A New Open Source Tool — решение проблемы responsible-картинок.
Functional Refactoring in JavaScript — функциональный рефакторинг.
Посмотреть
Tim Messerschmidt: Node JS Authentication and Data Security — доклад о секьюрити в Node.js приложениях.
Matthew Podwysocki: Reactive JavaScript at Netflix, Microsoft and the World — реактивный client-side в Netflix и Microsoft.
Cycle.js Fundamentals — курс по Cycle.js от André Staltz.
PostHTML. Олег Наянов — доклад про Post-HTML.
Kenneth Lim: Particle IO — Lighting Talk — интернет вещей с Particle IO.
Библиотеки
Tape-redux — тестировать Redux стало проще.
React-lite — лайт версия React.
Vuex — Flux-подобный патерн разработки приложений на Vue.js от Evan You.
Redux — используем в Vue.js приложениях.
Redux и Rx.js для приложений на Angular 2.
Realm и Realm Redux — все больше уходим в Elm архитектуру с Redux и Realm.
IdexDb chunk хранилище.
Budō - сборщик, основанный на Browserify, с фокусом на live reloading.
AVA — тестируем код по-новому.
PureScript isometric — строим графики на Purescript.
Gotham — простой и элегантный Coffee-Script фреймворк.
RoboJS — динамически подгружаем DOM-компоненты.
Pressure.js — добавляем 3D-touch.
Voxel.css — библиотека для создания трехмерных объектов, использующая CSS по-максимуму.
Демки
2048 на React и Redux. Сама игра тут.
Fluxpybird на Redux и React-Native.
Flexbox playground — интерактивный пример различных flex-box свойств.
Timelined — простой таймлайнер на CSS. Репозиторий на гитхабе.
StorytellingMap — интерактивная карта.
Остальное
Greenkeeper — решение проблемы npm-зависимостей.
OhCrash — мониторим ошибки.
Purescript — диалект Haskell для разработки интерфейсов. Хорошая интеграция и взаимодействие с нативным JavaScript. О возможностях можно почитать тут. Также есть книга — PureScript by Example.
Телеграм-бот новостей из мира JS разработки.
RemoteDev — мониторинг состояний Flux приложений.
React Native starter-kit.
React Native for OS X — десктопные приложения под OS X на React-Native.
Инструмент для GraphQL запросов, написанный на Electron.
Линейка для верстки, написана на Electron.
Reactive GraphQL добрался до Meteor.
С вами был Григорий Шехет. Оформить дайджест помогали мои коллеги.
← Предыдущий выпуск: Frontend дайджест #10.
