FrontEndDev
28.9K subscribers
1.85K photos
12 videos
7.03K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
Download Telegram
Элемент, отскакивающий от краев вьюпорта, реализованный на CSS

https://css-tricks.com/bounce-element-around-viewport-in-css/
#react

5 советов, которые помогут вам избежать подводных камней React Hooks

https://kentcdodds.com/blog/react-hooks-pitfalls
#web

Преобразование текста в речь в браузере с помощью Web Speech API

https://www.twilio.com/blog/speech-to-text-browser-web-speech-api
Использование rel = ”preconnect” для раннего установления сетевых подключений и повышения производительности

https://css-tricks.com/using-relpreconnect-to-establish-network-connections-early-and-increase-performance/
JavaScript, нужный для понимания React

Многие новички, бросаясь в React разработку, не понимают стандартных конструкций, который используются в примерах или туториалах.
Небольшая статья о том, что нужно подтянуть, прежде чем начинать работать с React и не только.

https://kentcdodds.com/blog/javascript-to-know-for-react
Как подглядывать за приемочными тестами на cucumber.js+puppeteer в докере

https://blog.maddevs.io/acceptance-testing-on-cucumber-js-and-puppeteer-b3660401fdf0
#vue

Компонентное юнит-тестирование во Vue

https://vuejsdevelopers.com/2019/08/26/vue-what-to-unit-test-components/
☝️ Для тех кто пропустил предыдущий, стартует новый воркошоп! 🚀

#css

Стеклянный (и стильный) эффект для текста

https://css-tricks.com/a-glassy-and-classy-text-effect/
SOLID: принцип инверсии зависимостей в Angular.

После прочтения "Чистый код" Роберта Мартина, решил начать "Чистая архитектура", в которой упоминается SOLID. Понял, как эти принципы упрощают поддержку и дальнейшую разработку.
Так что считаю, что касается SOLID - must read!

https://blog.bitsrc.io/solid-the-dependency-inversion-principle-in-angular-6e4b9c484960

#web

Начинаем работать с GPU-вычислениями в вебе. Экспериментируем с WebGPU API

http://developers.google.com/web/updates/2019/08/get-started-with-gpu-compute-on-the-web

#web

Drag & Drop для элементов с помощью ванильного JavaScript и HTML

Многие привыкли юзать библиотеки для 'сложных' элементов UI. Плохая практика, если конечно вы не клепаете прототип на скорую руку.
Посмотрите, как просто это сделать при помощи Drag and Drop API

https://alligator.io/js/drag-and-drop-vanilla-js/
#react

Лучшие практики для модульного тестирования в React 16

https://eng.uber.com/best-practices-for-react-v16/
#web

npm запрещает рекламу в консоли

https://www.zdnet.com/article/npm-bans-terminal-ads/