FrontEndDev
28.2K subscribers
2.34K photos
23 videos
7.55K 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
CI для React приложений

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

Со временем тема СI становится все более актуальной. Нашел неплохой туториал, который включает связку CircleCI, CodeClimate и Heroku.
▫️CircleCI - платформа для тестирования
▫️CodeClimate - платформа статического анализа кода
▫️Heroku - облачный хостинг
Сам еще не пробовал, но, вроде, должно быть несложно. Кому интересно - прошу по ссылке: https://bit.ly/2GXY70t

Фидбек всегда приветствуется!
nanoJS — минимальная JS библиотека без зависимостей для манипуляций с DOM

https://vladocar.github.io/nanoJS/
Что React Context API может для ваc сделать? Multi-language text, Modals и переключатели тем

https://www.js-craft.io/blog/15-What-can-React-Context-API-do-for-you-Multi-language-Modals-Themes/
Подкаст «Фронтенд Юность (18+)» #49 Другой взгляд на конференции

https://soundcloud.com/frontend_u/e49
Делаем легаси сайты более производительными с помощью современных техник фронтенд производительности

https://www.lullabot.com/articles/making-legacy-sites-more-performant-using-modern-frontend-techniques
Темная тема за день. Использование набора современных возможностей CSS для создания ночного режима для приложения

https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a
Техники редактирования текста, о которых должен знать каждый разработчик фронтенда

https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/
Продвинутая визуализация с помощью react-vis

https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4
Learning Gutenberg. Серия статей на css-tricks, посвященная изучению Gutenberg, новому редактору в Wordpress (React-driven SPA)

https://css-tricks.com/learning-gutenberg-1-series-intro/
Grid Layout, совмещенный с эффектами смещения при наведении и возможностью предпросмотра контента

https://tympanus.net/codrops/2018/05/23/grid-layout-with-motion-hover/