Публикации по теме 'react'


Redux и Redux Toolkit, в чем разница?
Казалось бы, за одну ночь Redux Toolkit стал стандартом де-факто при развертывании Redux в приложении React. В этом сообщении блога я собираюсь разобрать основные различия между ними, чтобы вы могли быстро и эффективно понять преимущества, которые предоставляет этот новый пакет NPM. В основе Redux Toolkit лежит функция createSlice. Эта функция называется срезом, поскольку она связана с одной частью дерева состояний. В приведенном ниже примере это состояние «расходы». В то время как..
Отправить электронное письмо, используя только JavaScript  — без бэкэнда
Создавая множество веб-сайтов для малого бизнеса, я осознал, что будет использоваться только один веб-сервер (в зависимости от затрат) и в большинстве случаев доступны навыки работы с HTML. Но для предоставления контактной формы необходимо серверное решение и почтовый сервер. Поэтому мне нужно решение на основе API, которое можно использовать через JavaScript, Angular и так далее… Короче: 1) Register for an API Key e.g. contact-mailer 2) Set Up your contact form 3) Use the API via Ajax..
Как я убедил своего босса переехать, чтобы отреагировать
Плюсы и минусы перехода на React Пролог Спросите у автомобильного дилера, и он расскажет вам 50 причин, по которым вам следует перейти на последнюю модель. Спросите веб-разработчика, и он расскажет вам 100 причин, по которым ваш сайт отстой. Спросите свою партнершу, и она расскажет вам 500 причин, по которым ее гардероб устарел. Мы живем в мире, где есть более быстрая и лучшая альтернатива (или обновление). Следуя логике автосалона, вы должны покупать новую машину каждый год. А..
Что такое GraphQL и как его использовать с React.js (часть 2)?
Добро пожаловать обратно! В нашем последнем посте мы обсуждали, что такое GraphQL и как он работает. В этой части мы рассмотрим, как использовать GraphQL с оболочками API. Как использовать GraphQL с обертками API? GraphQL также имеет две реализации для API-оболочек: Иллюстрация OC для пояснения серверной оболочки 👏 Для всех: что означает наличие оболочки GraphQL API на стороне сервера? Допустим, у вас уже есть REST API и вы хотите использовать серверную оболочку..
Установите MongoDb на Mac (Каталина)
Привет, в этой статье я покажу вам все шаги по установке MongoDb на ваш Mac, то есть Big Sur !!! Установить Homebew # Installs Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Найдите касание MongoDb brew tap mongodb/brew Установить MongoDB brew install mongodb-community Создайте папку ‘/ data / db’ sudo mkdir -p /System/Volumes/Data/data/db Для разрешений sudo chown -R `id -un`..
React CSS Modules — плагин babel — стартовый набор
В прошлый раз я писал про Модули CSS в React — Starter Kit . Пожалуйста, прочитайте это, прежде чем читать это, чтобы понять контекст. Хотя модульный css имеет много достоинств, иногда мы хотели бы использовать некоторые стили глобально, чтобы обеспечить согласованность и избежать дублирования css. Или мы можем использовать библиотеки на основе имен классов, такие как bootstrap и font-awesome. Поэтому, естественно, у нас могут быть некоторые глобальные стили и локальные стили. При..
Включение ресурсов для рендеринга на стороне сервера в Webpack
Примечание. С момента написания этой статьи многое изменилось. file-loader и url-loader теперь не поддерживают отправку файлов, поэтому fake-file-loader и fake-url -loader устарели. fake-style-loader можно заменить с помощью css-loader / locals , как описано в fake-style-loader # 3 . Поэтому больше не используйте семейство модулей fake . Вместо этого рекомендуется использовать css-loader , file-loader и url-loader . Все же стоит прочитать статью, чтобы..