Виртуальная прокрутка в React: реализация с нуля и использование react-window
Сколько раз вы сталкивались с ситуацией, когда в веб-приложении необходимо вывести список элементов? Это очень частое явление при создании современных веб-приложений. Проблема возникает, когда нужно вывести очень большой набор данных, скажем, 100 000 или более единиц одновременно, да еще и без пагинации. Это приведет к загрязнению DOM и займет много памяти браузера, что приведет к проблемам с производительностью и снижению качества обслуживания пользователя.
Хитрости JavaScript
Я использую слово "хитрости", потому что, когда я изучал JavaScript, смотрел видео на YT, курсы на Udemy и читал статьи. Было что-то, чему в явном виде не учили и не объясняли в курсах. А эти вещи очень часто используются разработчиками. Поэтому я подготовил эту статью, чтобы помочь начинающим JavaScript-специалистам и тем, кто только что закончил изучать основы JavaScript, почувствовать себя увереннее в своих знаниях. И это, несомненно, поможет вам устранить пробелы, возникающие при изучении проектов из YT или других источников.
Итак, поехали!
Хэш-пароли с использованием библиотеки bcrypt в Python
Веб-сервисы и веб-сайты хранят хешированные версии ваших паролей, что означает, что ваш настоящий пароль не виден и не хранится в их базе данных, вместо этого сохраняется строка символов фиксированной длины.
Хеширование — это метод обеспечения безопасности, используемый для защиты ваших паролей или текстов, хранящихся в базах данных. Хэш-функция используется для генерации строки уникальных символов фиксированной длины из пароля, предоставленного пользователем.
Получение данных маршрута с помощью функции преобразователя в Angular
В этом сообщении блога я демонстрирую технику использования функции разрешения данных для получения данных во время изменения маршрута. Когда маршрут завершает активацию, компонент получает доступ к данным маршрута и может отображать их в шаблоне или манипулировать ими для получения новых состояний.
Я работал над фейковой демо-версией магазина, где на первой странице отображаются все продукты в списке. Когда пользователь щелкает название продукта, он перенаправляется на страницу сведений о продукте. Этот вариант использования очень прост, но на самом деле я потратил некоторое время на реализацию окончательного решения.
Создание вкладок в Svelte
Мне часто нужно написать какой-то код для отображения нескольких страниц в одном месте: представьте себе панель конфигурации с несколькими подпанелями. Естественный способ кодирования — использование вкладок.
В этом уроке я буду использовать Svelte для написания простого приложения с двумя вкладками, которое можно легко расширить для управления большим количеством вкладок.
Добавляем Prettier и Linter
Prettier — один из форматировщиков кода, и я часто использую его для обеспечения единообразия стиля. Причина, по которой я выбрал его, заключается в том, что я хорошо знаком с форматтером и внес свой вклад в проекты с открытым исходным кодом, установив его.
Eslint используется для поиска и устранения проблем с кодом JavasScript, а мой проект написан на Typescript, но он все еще доступен, пока настроена конфигурация.
Как вызвать API в JavaScript – с примерами
Вызов API (интерфейс прикладного программирования) в JavaScript — это фундаментальное действие, которое веб-разработчики должны знать, как выполнять. Он позволяет получать данные из внешних источников и интегрировать их в ваши веб-приложения.
В этом уроке я шаг за шагом покажу вам процесс выполнения вызовов API в JavaScript. К концу этой статьи вы получите четкое представление о том, как взаимодействовать с API в ваших проектах JavaScript.
useRef для избегания повторного рендеринга компонента
useRef может хранить любые изменяемые данные, которые вы хотите сохранить между рендерингами. Это поможет вам избежать повторного рендеринга компонента, когда вы этого не хотите.
Безопасное управление паролями Python: хеширование и шифрование
При создании приложения, которое проверяет пароли пользователей или требует хранения токенов для будущего использования, крайне важно не хранить эти значения где-либо в виде открытого текста. Если есть нарушение безопасности, вы хотите быть уверены, что данные вашего пользователя защищены. Хеширование и шифрование — это несколько методов, которые можно использовать для достижения этой цели, и мы рассмотрим, как реализовать их с помощью Python.
Укрощение dialog HTML с помощью React и TailwindCSS
Сегодня мы собираемся создать модальный компонент, используя собственный dialog элемент HTML, а также React и TailwindCSS.
Присоединяйся в тусовку
Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.
