Публикации по теме front-end-development

Публикации по теме 'front-end-development'

Мокинг конкретных запросов GraphQL в Cypress.io

В Wehkamp мы создаем интерфейс с помощью React и GraphQL, что представляет собой прекрасный стек для работы. Для нового проекта я взял на себя ответственность написать сквозные тесты в Cypress.io , еще один инструмент, с которым я люблю работать. В этом проекте пользователь проходит через процесс, в котором для идентификации участвует третье лицо, которое выглядит следующим образом. Поскольку мы не хотим тестировать эту часть (это работа третьей стороны, верно?), Нам нужно..

Обновленные чанки Webpack

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

Визуальные редакторы React в 2020 году

Обзор лучших визуальных редакторов React и взгляд на будущее визуального редактирования. React уже известен как своего рода «универсальный язык» благодаря react-dom и react-native, но недавно мы наблюдали бурный рост фреймворков и инструментов, которые позволяют создавать с React для любого устройства и платформы. React - это больше, чем библиотека JavaScript. Это философия и методология. Создание с помощью React означает соблюдение такого подхода даже при разработке для других..

Дорожная карта для Front-End разработки в 2021 году

Если вам интересно, что такое веб-разработка? или просто ищите новую возможную карьеру в области технологий. Эта статья может дать вам некоторые идеи, поэтому прочитайте полный блог, чтобы найти некоторые идеи. Я постараюсь объяснить очень просто, чтобы даже новичок мог разобраться. Я начал свой путь программирования еще в 2018 году. Тогда я никогда не оглядывался назад. И я буду писать этот блог, основываясь исключительно на своем опыте. Таким образом, вы можете ожидать некоторые..

Как создать чистые и повторно используемые компоненты React в вашем проекте

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

Начните работу с Asgardio OIDC JS SDK за три простых шага

Asgardio OIDC JavaScript SDK позволяет разработчикам быстро и безопасно реализовать OIDC-аутентификацию в своих одностраничных приложениях, особенно при использовании WSO2 Identity Server в качестве поставщика удостоверений. SDK предлагает три различных варианта хранения для хранения информации о сеансе, а именно: хранилище сеанса, локальное хранилище и веб-воркер. Кроме того, он поддерживает проверку PKCE, проверку идентификатора токена и позволяет использовать режимы ответа «..

Понимание подъема JavaScript

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