react-perf-devtool — расширение Chrome devtools для инспектирования производительности компонентов React #react https://github.com/nitin42/react-perf-devtool
GitHub
GitHub - nitin42/react-perf-devtool: A browser developer tool extension to inspect performance of React components.
A browser developer tool extension to inspect performance of React components. - nitin42/react-perf-devtool
Подробный аудит производительности библиотеки boomerang, над которой работают разработчики Akamai https://calendar.perfplanet.com/2017/an-audit-of-boomerangs-performance/
Как оставаться в курсе безумия, творящегося во фронтенде — инструкция из трех шагов https://develoger.com/how-to-stay-updated-with-the-front-end-craziness-in-just-3-repetitive-steps-c2e052a40a06
Medium
How to stay updated with the Front-End craziness in just 3 repetitive steps.
Front-End is evolving… wise people even state that it’s catching up with the more traditional types of programming such is Back-End or…
Рассвет стейт-машин . Знакомство со стейт-машинами в контексте разработки фронтенда https://www.smashingmagazine.com/2018/01/rise-state-machines/
Smashing Magazine
The Rise Of The State Machines — Smashing Magazine
The UI development became difficult in the last couple of years. That is because we pushed the state management to the browser. And managing state is what makes our job a challenge. If we do it properly, we will see how our application scales easily with…
Как создать чат в реальном времени на React и GraphQL #react https://scotch.io/tutorials/how-to-build-a-realtime-chat-app-with-react-and-graphql
Digitalocean
How To Build a Chat App with React and Graphcool | DigitalOcean
GraphQL and React work well together to provide developers with tools to streamline common web programming tasks, including real-time integrations. In this a…
CSS Cheat Sheet — современная шпаргалка по CSS #css https://adam-marsden.co.uk/css-cheat-sheet
CSS Cheat Sheet
CSS Cheat Sheet - A reference for CSS goodness.
Плейсхолдеры изображений: делайте это правильно или не делайте вообще. Пожалуйста http://www.robinosborne.co.uk/2018/01/05/image-placeholders-do-it-right-or-dont-do-it-at-all-please/
Final Form: Дорога к клетчатому флагу https://medium.com/devschacht/final-form-%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%B0-%D0%BA-%D0%BA%D0%BB%D0%B5%D1%82%D1%87%D0%B0%D1%82%D0%BE%D0%BC%D1%83-%D1%84%D0%BB%D0%B0%D0%B3%D1%83-e49e5b822bcf
Medium
🏁 Final Form: Дорога к клетчатому флагу
Перевод статьи Erik Rasmussen: Final Form: The road to the checkered flag
Следующий уровень Accessibility: 5 способов, с помощью которых я сделал freeCodeCamp Guide более удобным для людей с ограниченными возможностями https://medium.freecodecamp.org/next-level-accessibility-freecodecamp-guide-7cbd6473eabd
freeCodeCamp.org
Next Level Accessibility: 5 ways I made the freeCodeCamp Guide more usable for people with disabilities
I spent the majority of Hacktoberfest 2017 working with some great folks over at freeCodeCamp. My focus was specifically on helping to…
Нейронная сеть, которая верстает сайты по картинке https://vc.ru/31732-neyronnaya-set-kotoraya-verstaet-sayty-po-kartinke
vc.ru
Нейронная сеть, которая верстает сайты по картинке — Будущее на vc.ru
Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
«Чипокалипсис»: Google подготовила обновление, закрывающее уязвимость Spectre в Android и Chrome, а Mozilla готовит соответствующий патч для Firefox https://itc.ua/news/chipokalipsis-google-podgotovila-obnovlenie-zakryivayushhee-uyazvimost-spectre-v-android-i-chrome-a-mozilla-gotovit-sootvetstvuyushhiy-patch-dlya-firefox/
ITC.ua
«Чипокалипсис»: Google подготовила обновление, закрывающее уязвимость Spectre в Android и Chrome, а Mozilla готовит соответствующий…
В сети продолжают появляться подробности о масштабной проблеме в безопасности, затрагивающей почти все устройства, в том числе смартфоны, выпущенные за последние 20 лет, которую западные СМИ уже окрестили Чипокалипсисом. Как известно, суть проблемы кроется…
Apple присоединилась к Google и Microsoft, чтобы усовершенствовать сжатие онлайн-видео https://tjournal.ru/64605-apple-prisoedinilas-k-google-i-microsoft-chtoby-usovershenstvovat-szhatie-onlayn-video
TJ
Apple присоединилась к Google и Microsoft, чтобы усовершенствовать сжатие онлайн-видео
Консорциум технологических компаний работает над новым видеокодеком.
Что такое бойлерплейт и зачем его использовать? Давайте взглянем на руководство по стилю кода https://medium.freecodecamp.org/whats-boilerplate-and-why-do-we-use-it-let-s-check-out-the-coding-style-guide-ac2b6c814ee7
freeCodeCamp.org
What is boilerplate and why do we use it? Necessity of coding style guide
In Information Technology, a boilerplate is a unit of writing that can be reused over and over without change. By extension, the idea is…
npmjs.com: Состояние JavaScript фреймворков, 2017 Часть 1: Front-End фреймворки , Часть 2: Экосистема React , Часть 3: Back-End фреймворки https://www.npmjs.com/npm/the-state-of-javascript-frameworks-2017-part-3-back-end-frameworks
«ALL YOUR HTML» #31: «Вёрстка простого макета и общение» https://www.youtube.com/watch?v=IJ5qDr7DWew
YouTube
#31 ALL YOUR HTML, Вёрстка простого макета и общение
Случился факап в начале, я поставил музыку пока решал, она под копирайтом, потому 10 минут удалил, сорри.
Репо с кодом: https://github.com/akella/jetro
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: http://cssing.org.ua/…
Репо с кодом: https://github.com/akella/jetro
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: http://cssing.org.ua/…
Ресурсоёмкий Node.js
При разработке веб-сервера на Node.js можно столкнуться с проблемой блокировки event цикла JavaScript при обработке тяжелых (длительных) операций. Из-за этого новые запросы долго ожидают обработки.
Для решения этой проблемы можно создавать дочерние процессы, которые не будут блокировать цикл событий родительского процесса.
Однако, каждый дочерний процесс кушает память. И это решение плохо масштабируется.
Другой вариант решения - настройка очереди и пула рабочих процессов.
О том как это сделать и зачем нам Kue и Redis, читайте в переводе цикла из 2 коротких статей "CPU Intensive Node.js" :
Часть 1 https://goo.gl/HuxxEc
Часть 2 https://goo.gl/72Pf4x
При разработке веб-сервера на Node.js можно столкнуться с проблемой блокировки event цикла JavaScript при обработке тяжелых (длительных) операций. Из-за этого новые запросы долго ожидают обработки.
Для решения этой проблемы можно создавать дочерние процессы, которые не будут блокировать цикл событий родительского процесса.
Однако, каждый дочерний процесс кушает память. И это решение плохо масштабируется.
Другой вариант решения - настройка очереди и пула рабочих процессов.
О том как это сделать и зачем нам Kue и Redis, читайте в переводе цикла из 2 коротких статей "CPU Intensive Node.js" :
Часть 1 https://goo.gl/HuxxEc
Часть 2 https://goo.gl/72Pf4x
Jem Space
Ресурсоемкий Node.js: часть 1
Мы изучаем проблемы и решения, связанные с запуском ресурсоемкого кода на Node.js в плане ЦПУ, в частности на веб-сервере. Однопоточный подход Node.js к запуску кода (кода, который вы пишете) может представлять проблему, если код тратит много ресурсов процессора.…
React PWA . Стартовый шаблон для PWA, с сервер-сайд рендерингом, встроенными SEO и техниками для достижения максимальной скорости UX https://www.reactpwa.com/
Reactpwa
ReactPWA · An extendable boilerplate built on top of PawJS