#angular

На что обратить внимание при переходе с AngularJS на Angular 2.0+

https://medium.com/@simbasagwete/what-to-consider-when-upgrading-from-angularjs-to-angular-2-0-24e69fcefded

#preact

Как создать PWA игру за 5 шагов используя Preact

https://hackernoon.com/how-to-create-a-pwa-game-using-preact-in-5-steps-tutorial-c8b177037c80

#вакансия

JavaScript Frontend Developer

Привет! Мы — "Вторстор" — корпоративный стартап крупнейшей нефтехимической компании, который будет решать проблемы экологии и вторичной переработки мусора.

Мы Разрабатываем B2B/B2C маркетплейс - молодой рынок с огромным потенциалом.
Команда по бэку (Lead) и дизайну сформирована - выходцы из Альфалаб.

Ищем Front End разработчика. Ждем, что ты дособерешь команду и раскрутишь фронт маркетплейса

Стек: JavaScript, React.js/AngularJS

📌 Москва
Офис ст. метро Калужская

💻 MacBook Pro '15 2018 года
ЗП: 120-180 тыс.руб/мес

🔖 Подробнее: https://hh.ru/vacancy/27995965

Откликаться в телеграм @ekbainova

#web

Что происходит при создании контейнера Flexbox?

https://habr.com/post/424419/

#css

Двигаем фон вместе с курсором мыши

https://css-tricks.com/moving-backgrounds-with-mouse-position/

#react

Разработка React-приложений с использованием ReasonReact

https://habr.com/company/ruvds/blog/424965/

#web

Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft

https://xakep.ru/2018/10/05/cloudflare-phishing/

#web

Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом

https://itnext.io/why-every-beginner-front-end-developer-should-know-publish-subscribe-pattern-72a12cd68d44

#react

Тестирование компонентов в React: что и как тестировать с помощью Jest и Enzyme

https://medium.freecodecamp.org/components-testing-in-react-what-and-how-to-test-with-jest-and-enzyme-7c1cace99de5

#css

Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2

https://medium.com/@fuladuf/how-i-organize-css-in-large-projects-using-ufocss-part-2-68786ff41749

Изучаем Drag and Drop в новом Angular Material CDK

https://blog.angularindepth.com/exploring-drag-and-drop-with-the-angular-material-cdk-2e0237857290

Используем fetch()

Не так давно мы использовали XMLHttpRequest для запросов к серверу. В чистом виде, думаю, мало кто его юзал, ведь есть axios, например.
Теперь в браузерах появилась поддержка fetch (все браузеры кроме IE).

Fetch использует Promise и позволяет использовать более чистое и декларативное API.

Синтаксис fetch

  let promise = fetch(url[, options]);

Свойства options:

method – метод запроса,
headers – заголовки запроса,
body – тело запроса: FormData, Blob, строка и т.п,
mode – одно из: «same-origin», «no-cors», «cors»,
credentials – одно из: «omit», «same-origin», «include»,
cache – одно из «default», «no-store», «reload», «no-cache», «force-cache», «only-if-cached»

Одним из преимуществ fetch является возможность преобразования формата response:

response.formData()
response.json()
response.text()

а также простой доступ к полям response - headers, status и пр.

Пример выполнения запроса:

  .then(function(response) {
    console.log(response.status);
    return response.json();
   })

Более подробно с fetch можно ознакомиться в статье - https://bit.ly/2EkjWuO

#vue

Юнит-тестирование вашего первого компонента на Vue.js

https://frontstuff.io/unit-test-your-first-vuejs-component

Эти основы React, которые вы пропустили, могут быть убийственны для вас

https://medium.freecodecamp.org/these-react-fundamentals-you-skip-may-be-killing-you-7629fb87dd4a

#vue

Радость создания Vue приложений на Typescript — часть 1: Vue Class Components

https://medium.com/coding-blocks/the-joy-of-building-vue-apps-in-typescript-part-1-vue-class-components-8291bb6213d8

#css

Как я запомнил свойства CSS Grid

https://zellwk.com/blog/remember-css-grid-properties/

Создание фул-стэк приложений с помощью Angular CLI и Nx

https://blog.nrwl.io/building-full-stack-applications-using-angular-cli-and-nx-5eff205248f1

12 компаний, которые используют Vue.js в разработке своих приложений

https://naturaily.com/blog/companies-vue-js-applications

perfume.js — JavaScript библиотека для измерения First (Contentful) Paint, Time to Interactive и First Input Delay.

https://github.com/Zizzamia/perfume.js

Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox

https://hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/