FrontEndDev
28.3K subscribers
2.32K photos
23 videos
7.52K 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
Как подглядывать за приемочными тестами на 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

#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/
#css

Можете ли вы вращать курсор в CSS?

Если кратко, то нет. Но если с небольшим хаком - то да) Подробнее, в статье по ссылке.

https://css-tricks.com/can-you-rotate-the-cursor-in-css/

#web

Как использовать Async / Await в цепочках промисов

https://medium.com/better-programming/how-to-use-async-and-await-to-chain-promises-4180e2c1a374

#react

Документация и предпросмотр ReactJS компонентов с JSDoc

https://medium.com/@wojciechkrysiak/document-reactjs-components-with-preview-by-using-jsdoc-70d39d2cc777