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 — пишем приложение на Nodal.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 — решение проблемы responsive-картинок.

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 — простой и элегантный CoffeeScript фреймворк.

RoboJS — динамически подгружаем DOM-компоненты.

Pressure.js — добавляем 3D-touch.

Voxel.css — библиотека для создания трехмерных объектов, использующая CSS по-максимуму.

Демки

2048 на React и Redux. Сама игра тут.

Fluxpybird на Redux и React-Native.

Flexbox playground — интерактивный пример различных flexbox свойств.

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.

Релиз V8 4.9.


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

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

👍НравитсяПонравилось0
В избранноеВ избранном0
Подписаться на автора
LinkedIn



Підписуйтесь: Soundcloud | Google Podcast | YouTube


11 комментариев

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

«обрабатываем асинхронных код» — обрабатываем асинхронный код?
«Wordpress на стеройдах» — возможно, буква «й» была использована осознанно, но тогда это только усугубляет положение. Брр, стеройд — как ’steroid’ может читаться иначе, чем ’стероид’? *далее шутка про отдельный котёл в аду*
«Nodel.js» — может, Nodal.js?
«решение проблемы responsible-картинок» — может responsive?
«простой и элегантный Coffee-Script фреймворк» — CoffeeScript
«пример различных flex-box свойств» — flexbox
«React Native starter-kit.» starter kit
Можете удалить коммент, когда поправите

поправили, спасибо вам за внимательность

Redux прямо ворвался в мир жееса :D.

Просто большинство не видело реализации слоя модели, а редакс может ею служит, вот и фанатеют, хотя есть другие решения есть давно, но большинству они почему то сложно даются

Почему node.js пишут во фронт-энт?

Как правило node.js выступает фронтэнд сервером для различных серверов где вся кухня написана на других языках java, scala, python etc.

Но он же не в браузере выполняется :) Значит — бекэнд :)

Необязательно то что выполняется на серверах называется бекэнд, к примеру
nginx proxy тоже называют frontend хоть он и не в в браузере.

Ну пусть будет front-end.

40% не бачив, прощавай weekend

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