Публикации по теме 'frontend'
Оптимизация производительности React: useMemo vs useCallback.
Примечание. Прежде чем приступить к работе с блогом, важно иметь четкое представление об основных принципах и концепциях, связанных с хуками.
Поскольку размер и сложность кода продолжают расти, важность написания эффективного кода React становится все более первостепенной. Расходы, связанные с повторным рендерингом существенных компонентов и возложением большой нагрузки на браузер с помощью одностраничных приложений (SPA), могут привести к увеличению времени обработки и потенциально..
Введение в Webpack
Webpack - это инструмент, который мы часто видим в современных веб-приложениях. Но что именно он делает? В этой статье мы рассмотрим некоторые ключевые концепции для понимания веб-пакета, его функций и способов его настройки. Мы также создадим собственный плагин для веб-пакетов, который поможет нам лучше понять, как работает веб-пакет в целом.
Что такое веб-пакет?
Webpack берет модули и зависимости из наших веб-приложений и собирает их в актив, оптимизированный для браузеров...
От интерфейса к бэкэнду: как этот разработчик расширил возможности
Мне нравится идея Т-образного разработчика: того, кто хорошо разбирается в своих областях, но при этом имеет общее представление о связанных темах. Когда я присоединился к ReviewTrackers в качестве старшего инженера переднего плана, я сразу взялся за дело и раздавил заявки, ориентированные на интерфейс. В конце концов, у меня появилась возможность расширить свой набор инструментов, поработав над некоторыми внутренними технологиями ReviewTrackers.
Я не мог упустить этот шанс. Узнав..
Создание InternetNotes
InternetNotes был проектом, перед которым мне была поставлена задача создать его интерфейс.
Когда я впервые увидел проект, он выглядел так:
И я начал работать.
Первое, что я сделал, это получил цветовую схему. Я зашел на https://coolors.co/ и получил цветовую схему.
Затем я начал работу над фактическим кодом, я начал с создания заголовка. Затем я начал стилизовать сам блокнот, мне пришлось выбирать между плоским дизайном или более материальным дизайном.
Я выбрал более..
Сделайте интерфейс простым
Angular, React и Vue упрощают разработку внешнего интерфейса. Вот несколько идей, как сделать это проще.
1. Определите состояние вашего приложения
Например, список дел может иметь следующие состояния:
{
дела: [],
Счет: {},
уведомления: [],
}
2 Платформа внешнего интерфейса сопоставит это состояние с представлением
Конечно, нам нужно сообщить фреймворку, как должно выглядеть представление в зависимости от состояния приложения.
3 Обновите состояние, чтобы изменить..
Ультра простой ввод с подсказками на JavaScript
Ультра простой ввод с подсказками на JavaScript / jQuery
JavaScript существует уже давно. С его помощью у нас есть бесчисленные наводящие на размышления. Самый популярный из них - typeaheadJS .
Хотя они чрезвычайно полезны, работая над недавним проектом, я обнаружил, что эти плагины чрезвычайно перегружены функциями, которые мне не нужны. После многих попыток настроить напечатанный шрифт я получил что-то вроде того, что может сделать ребенок, изучающий HTML в 6 классе.
Решение?..
CSS до и после
В этой статье я практически продемонстрирую, как использовать атрибуты псевдокласса::before и::after в CSS.
Чтобы продемонстрировать это, мы решили головоломку из cssbattle.dev .
На этом изображении показан начальный кадр этой викторины. Чтобы разобраться с этой конкретной загадкой, вы можете проверить ее здесь .
Подход, который я буду использовать для решения этой проблемы, заключается в использовании основного DIV и добавлении псевдоклассов до и после для картеля.
Первый шаг..