Size: a a a

2018 August 16
Frontend Info
Контрольный список для написания многократно используемых компонентов в React и Vue

#react #vue
https://hackernoon.com/checklist-for-writing-highly-reusable-components-in-react-and-vue-531f963864bd
источник
Frontend Info
источник
2018 August 17
Frontend Info
источник
Frontend Info
Ссылка на стрим второго дня конференции "React Rally"

http://www.reactrally.com/stream #react

Расписание выступлений докладчиков http://www.reactrally.com/schedule
источник
Frontend Info
The Cost Of JavaScript In 2018

В статье Addy Osmani рассматривает стратегии для эффективного использования JavaScript и предоставления лучшего взаимодействие пользователя с сайтом.

https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4

Возможно кому-то будет интересно сравнить эту статью с The Cost Of JavaScript опубликованную Addy Osmani в прошлом году.
источник
2018 August 18
Frontend Info
Creating a Chrome extension in 2018: The good, the bad and the meh

В статье рассказывается о жизненном цикле разработки при создании расширения для Chrome. Само расширение будет вам очень полезно, если вы используете Puppeteer для написания тестов.

https://hackernoon.com/creating-a-chrome-extension-in-2018-the-good-the-bad-and-the-meh-8efcf6d28322
источник
2018 August 19
Frontend Info
Offline and Online components for React

https://github.com/chrisbolin/react-detect-offline #react
источник
2018 August 20
Frontend Info
React компонент для анимирование  высоты блока

React Animate Height #react
источник
Frontend Info
Пишем CSS лучше и красивее

Перевод статьи How to get better at writing CSS. #css #scss #bem
https://goo.gl/6YshWn
источник
Frontend Info
Чистые функции в javascript

Статья о чистых функциях в javascript с примерами http://codeborderless.com/pure-functions-in-js
источник
2018 August 21
Frontend Info
Practical CSS Scroll Snapping

Функция привязки прокрутки css позволяет заблокировать область просмотра для определенных элементов после того, как пользователь закончил прокрутку. Учтите, что не все браузеры полностью поддерживают  Scroll Snapping #css

https://css-tricks.com/practical-css-scroll-snapping/
источник
Frontend Info
JavaScript: исследование объектов

"Материал, перевод которого мы сегодня публикуем, посвящён исследованию объектов — одной из ключевых сущностей JavaScript. Он рассчитан, преимущественно, на начинающих разработчиков, которые хотят упорядочить свои знания об объектах."

https://habr.com/company/ruvds/blog/420615/
источник
Frontend Info
Новый API для датчиков устройств: Generic Sensor API.

https://mobiforge.com/design-development/the-generic-sensor-api
источник
2018 August 22
Frontend Info
Сервис для конвертации JSON в PropTypes и Flow Types

JSON to PropTypes
JSON toFlow Types
#react #flow #js
источник
Frontend Info
How to Write Accessible JavaScript

В статье рассмотрены некоторые правила разработки которые позволят увеличить доступность вашего сайта для пользователей с ограниченными возможностями.
https://medium.com/dailyjs/4-javascript-techniques-for-building-accessible-web-interfaces-348f820c157f
#accessibility #js
источник
Frontend Info
Как заработать на accessibility?

В дополнение к предыдущему посту про accessibility еще доклад с конференции Kharkiv Frontend
https://www.youtube.com/watch?v=XI6Y7HHURpo

Ссылка на презентацию доклада
источник
2018 August 23
Frontend Info
Первый публичный черновик модуля величин и единиц CSS 4 уровня

http://css-live.ru/vecssti-s-polej/pervyj-publichnyj-chernovik-modulya-velichin-i-edinic-css-4-urovnya.html #css
CSS-LIVE
Первый публичный черновик модуля величин и единиц CSS 4 уровня
Рабочая группа CSS выпустила первый публичный черновик модуля величин и единиц 4 уровня (CSS Values and Units Module Level 4). Вот главные его новинки по сравнению с тем, что было: Новые единицы длины относительно шрифта: cap, lh, rlh и ic. Единица cap равна высоте заглавных букв текущего шрифта (удобно для стыковки иконок с текстом, без такой «магии»), lh — вычисленной высоте строки текущего элемента, rlh — вычисленной высоте строки корневого элемента, а ic — ширине иероглифа 水 («вода»), принятого за «эталон» полноширинного символа для текстов на восточноазиатских языках; Новые единицы длины относительно вьюпорта — vi и vb. Это аналоги vw и vh, но с учетом направления текста: vi — по инлайновой оси (как идет текст в строках), vb — по блочной (как идут абзацы); Новые функции min() — выбрать наименьшее значение из списка, max() — выбрать наибольшее, и clamp() — ограничить значение нижним и верхним пределами; Функция toggle() для циклического перебора нескольких значений (напр., для
источник
Frontend Info
источник
Frontend Info
Understanding Javascript Selectors With and Without Reselect

https://medium.com/@pearlmcphee/selectors-react-redux-reselect-9ab984688dd4
источник
Frontend Info
Тернарные операторы в JavaScript

Тернарные операторы - это сокращенная версия операторов if ... else. Это единственный условный оператор в JavaScript, который принимает три операнда. Стоит отметить, что тернарные операторы могут казаться неоднозначными для начинающих разработчиков.

https://medium.com/@davidokpare/ternary-operators-in-javascript-94467c6c9e12
источник