Forwarded from 🤟 TechRocks: веб-разработка
Forwarded from NOP::Nuances of Programming
Расскажем о некоторых популярных видах шаблонного кода на NextJS и узнаем, какие функции, настройки и библиотеки входят в их состав. Выясним, какой шаблонный код пригоден для промышленной эксплуатации, какой - для создания красивых структурированных приложений, какой подойдёт для обычных сайтов блогеров, а какой - для ведения специализированных блогов разработчиков.
https://nuancesprog.ru/p/10874
@nuancesprog #статьи #Next
https://nuancesprog.ru/p/10874
@nuancesprog #статьи #Next
Forwarded from Веб-страница
Оптимизация изображений в соответствии с ограничениями сети и устройств в React
Современные сайты потребляют много ресурсов, а также могут содержать большое количество медиафайлов. Не у всех пользователей есть быстрый интернет или мощное устройство, которое могло бы быстро и без труда загрузить такой сайт.
О том, как улучшить опыт взаимодействия пользователя с сайтом при нестабильном подключении или слабом девайсе — читайте в этой статье:
https://tprg.ru/OlBz
#фронтенд #react
Современные сайты потребляют много ресурсов, а также могут содержать большое количество медиафайлов. Не у всех пользователей есть быстрый интернет или мощное устройство, которое могло бы быстро и без труда загрузить такой сайт.
О том, как улучшить опыт взаимодействия пользователя с сайтом при нестабильном подключении или слабом девайсе — читайте в этой статье:
https://tprg.ru/OlBz
#фронтенд #react
Forwarded from FrontEndDev
CSS Paint API: предсказуемая случайность
https://jakearchibald.com/2020/css-paint-predictably-random/
https://jakearchibald.com/2020/css-paint-predictably-random/
Jakearchibald
CSS paint API: Being predictably random
Creating random-but-stable effects with the CSS paint API
Forwarded from Webchic - frontend, backend, ci/cd
Forwarded from Webchic - frontend, backend, ci/cd
8 удобных React хуков
— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента
#react
К статье(eng)
— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента
#react
К статье(eng)
Forwarded from 🤟 TechRocks: веб-разработка
Forwarded from FrontEndDev
Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
https://habr.com/ru/company/tinkoff/blog/535046/
https://habr.com/ru/company/tinkoff/blog/535046/
Forwarded from FrontEndDev
Как оптимизировать прогрессивные веб-приложения: выходим за рамки основ
https://www.smashingmagazine.com/2020/12/progressive-web-apps/
https://www.smashingmagazine.com/2020/12/progressive-web-apps/
Smashing Magazine
How To Optimize Progressive Web Apps: Going Beyond The Basics — Smashing Magazine
Progressive web applications are proven to raise user engagement and keep the costs down effectively. Building a modern PWA requires more than just the core setup to keep up with the user’s expectations. Today, Gert Svaiko will take a first-hand look at adding…
Forwarded from NOP::Nuances of Programming
Что такое порталы в React? Узнаем, для чего, когда и как они применяются, а также какие нюансы надо при этом учитывать. Ознакомимся с реальным примером порталов в React.
https://nuancesprog.ru/p/11039
@nuancesprog #статьи #React
https://nuancesprog.ru/p/11039
@nuancesprog #статьи #React
Forwarded from FrontEnd книги для программистов
Forwarded from Webchic - frontend, backend, ci/cd
☕️ 33 приема оптимизации JavaScript, которые вы должны знать в 2021 году
Предлагаем вашему вниманию подборку полезных техник и хитростей для оптимизации кода на JavaScript. Она будет интересна не только изучающим язык новичкам, но и опытным программистам.
https://proglib.io/w/76e84e60
#javascript #tips
Предлагаем вашему вниманию подборку полезных техник и хитростей для оптимизации кода на JavaScript. Она будет интересна не только изучающим язык новичкам, но и опытным программистам.
https://proglib.io/w/76e84e60
#javascript #tips
Forwarded from FrontEndDev
Обработка вызовов multi-page API с помощью React Hooks
https://dev.to/joefstack/handling-multi-page-api-calls-with-react-hooks-19jd
https://dev.to/joefstack/handling-multi-page-api-calls-with-react-hooks-19jd
DEV Community
Handling multi-page API calls with React Hooks
Today we will be walking through an example of how to make continuous API calls to fetch multiple...
Forwarded from NOP::Nuances of Programming
Прокачаем навыки работы с JavaScript с помощью reduce. Начнём с основ: узнаем, что такое редьюсеры и как выглядит функция reduce. Затем создадим более сложные функции, пошагово разберём их выполнение и, наконец, применим эти функции на практике.
https://nuancesprog.ru/p/11101
@nuancesprog #статьи #JavaScript
https://nuancesprog.ru/p/11101
@nuancesprog #статьи #JavaScript
React Roadmap: 10 шагов для начинающего разработчика в 2021
https://proglib.io/w/fa8ed7db
#react #frameworks #roadmap
https://proglib.io/w/fa8ed7db
#react #frameworks #roadmap
Forwarded from Веб-страница
Максимальная оптимизация загрузки изображений в 2021 году
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7