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
Два исключительных варианта использования оператора spread, о которых вы можете не знать

https://webdevblog.ru/dva-iskljuchitelnyh-varianta-ispolzovaniya-operatora-spread-o-kotoryh-vy-mozhete-ne-znat/

UPD: Один из прошаренных подписчиков классно подметил, что ещё spread можно использовать, когда есть массив чисел и нужно найти минимум или максимум - для передачи его в функцию Math.max(), например.

#js

Почему я предпочитаю объекты, а не оператор switch.

Долой громоздкие конструкции - во многих кейсах switch отлично заменяется объектом и смотрится лаконично!

http://bit.ly/2ATB06E
#js

Как проверить число в JavaScript.

https://medium.com/javascript-in-plain-english/how-to-check-for-a-number-in-javascript-8d9024708153

Кстати, если medium говорит "You read a lot" и предлагает платную подписку, просто откройте статью в режиме инкогнито.

#js

Заметка о void в JavaScript и TypeScript

https://habr.com/ru/company/ruvds/blog/468229/

#css

Создание макета Scrapbook с помощью CSS Grid

https://css-irl.info/building-a-scrapbook-layout-with-css-grid/

#js

Исполнение JavaScript кода через import()

https://2ality.com/2019/10/eval-via-import.html
Рассказ о решении проблемы с производительностью Moment.js

Moment.js - довольно полезная библиотека для удобной работы с датами.

https://habr.com/ru/company/ruvds/blog/468411/
Оптимизация изображений для веба — подробное руководство

https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d?ref=heydesigner
#html

Множество способов залинковать фигуры и изображения с помощью HTML и CSS

Статья о том, как сделать фигуру (изображение) или ее часть ссылкой.

https://css-tricks.com/the-many-ways-to-link-up-shapes-and-images-with-html-and-css/

#firefox

Руководство по новым и экспериментальным инструментам для работы с CSS в Firefox DevTools

https://www.smashingmagazine.com/2019/10/guide-new-experimental-css-devtools-firefox/
Очередной выпуск видео-каста по ReactJS.

Новые фичи React 17:
✔️ Async Rendering - асинхронный рендеринг;
✔️ Time Slicing - приоритизация компонентов, или частичный рендеринг;
✔️ React Suspense - новое API для асинхронной работы с компонентами и данными;
✔️ Lifecycle Methods - какие методы жизненного цикла устареют или появятся;
✔️ Deprecations - что устареет в новой версии.

https://youtu.be/3Zv9Zjcf_OE