#website_development — Public Fediverse posts

[Перевод] React Custom Hook: useDebounce

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

https://habr.com/ru/articles/934406/

#website_development #webdev #javascript #react #reactjs #reactjs #react_hooks #frontend #frontend #frontend_разработка

[Перевод] React Custom Hook: useStorage

Одним из ключевых преимуществ этого пользовательского хука является его простота. Вы можете использовать его для хранения данных любого типа, таких как строки, числа или даже сложные объекты, всего с помощью нескольких строк кода. Кроме того, useStorage выполняет сериализацию и десериализацию данных за вас, поэтому вам не нужно беспокоиться о преобразовании значений в JSON и из него.

https://habr.com/ru/articles/934414/

#website_development #webdev #react #reactjs #reactjs #react_hooks #javascript #typescript #frontend #frontend

[Перевод] React Custom Hook: useScript

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

https://habr.com/ru/articles/934420/

#webdev #website_development #javascript #typescript #react #reactjs #reactjs #react_hooks #frontend #frontend

[Перевод] React Custom Hook: useMediaQuery

Одним из ключевых преимуществ этого пользовательского хука является его простота и возможность повторного использования. Всего с помощью нескольких строк кода вы можете без особых усилий реализовать адаптивное поведение во всем вашем приложении. Независимо от того, требуется ли вам условный рендеринг компонентов, применение определенных стилей или запуск различных функций в зависимости от размера экрана, useMediaQuery поможет вам в этом.

https://habr.com/ru/articles/934402/

#website_development #webdev #webразработка #javascript #react #reactjs #reactjs #react_hooks #frontend #frontend

[Перевод] React Custom Hook: useGeolocation

Одним из ключевых преимуществ useGeolocation является его простота. Благодаря инкапсуляции сложной логики, необходимой для доступа к геолокации и ее обработки, этот хук обеспечивает чистое и многократно используемое решение. Хук автоматически обрабатывает состояние загрузки, обновляя его при загрузке данных геолокации, и устанавливает состояние ошибки, если в процессе возникают какие-либо проблемы.

https://habr.com/ru/articles/934396/

#react_hooks #website_development #webdev #javascript #frontend #react #reactjs #reactjs

Разработка с учетом паттернов WAI ARIA

Сегодня веб-приложения стали сложными интерактивными системами, напоминающими полноценные десктоп приложения. Однако за красивыми интерфейсами и богатым функционалом часто скрывается важный аспект, которому уделяется недостаточно внимания — доступность ( accessibility ). Для миллионов пользователей с ограниченными возможностями это означает, что они не могут полноценно взаимодействовать с сайтом, выполнить базовые действия или получить информацию. Проблема особенно ярко выражена в современных одностраничных приложениях ( SPA ), кастомных компонентах, модальных окнах и прочих динамических UI-решениях, которые не учитывают, как с ними будут работать вспомогательные технологии. Например:

https://habr.com/ru/companies/kozhindev/articles/929272/

#programming #waiaria #website_development

Flask для начинающих — Часть 2 пишем landing page+admin panel с редактированием контента

Здравствуйте! Меня зовут Михаил, и я пишу эту статью специально для начинающих программистов, желающих изучить основы веб-разработки с использованием Flask. Я сам активно занимаюсь разработкой проектов на Flask и хочу поделиться своими знаниями и опытом, чтобы помочь вам начать свой путь в мире веб-разработки. Flask для начинающих - Часть 2 создание Веб проекта Мы создадим с вами мини проект - веб сайт с админ панелью и обновлением контента сайта. При помощи Python, HTML, CSS, Bootstrap, Flask, SQLite. создать сайт на Flask

https://habr.com/ru/articles/784770/

#flask #flaskadmin #вебразработа #начинающим #bootstrap #website_development #быстрый_старт #beginner #html #python

Flask для начинающих — Часть 2 пишем landing page+admin panel с редактированием контента

Здравствуйте! Меня зовут Михаил, и я пишу эту статью специально для начинающих программистов, желающих изучить основы веб-разработки с использованием Flask. Я сам активно занимаюсь разработкой проектов на Flask и хочу поделиться своими знаниями и опытом, чтобы помочь вам начать свой путь в мире веб-разработки. Flask для начинающих - Часть 2 создание Веб проекта Мы создадим с вами мини проект - веб сайт с админ панелью и обновлением контента сайта. При помощи Python, HTML, CSS, Bootstrap, Flask, SQLite. создать сайт на Flask

https://habr.com/ru/articles/784770/

#flask #flaskadmin #вебразработа #начинающим #bootstrap #website_development #быстрый_старт #beginner #html #python