FrontEndDev
28.2K subscribers
2.34K photos
23 videos
7.54K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
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

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