Публикации по теме 'react'
Полное руководство по React Dashboard. Часть 1. Обзор и бэкэнд аналитики
Это первая часть руководства по созданию панелей мониторинга и приложений динамической аналитики с помощью React, GraphQL и Cube.js. Полное руководство можно найти здесь
Также ниже вы можете увидеть демонстрацию окончательной версии приложения. Онлайн-демонстрация доступна здесь .
В настоящее время мы видим аналитические панели инструментов и функции отчетности практически в любом приложении. За свою карьеру веб-разработчика я создал десятки различных панелей мониторинга -..
Какие облачные сервисы мне нужны для запуска проекта?
Если вы не хотите тратить время на поиск технических требований и сосредоточиться на кодировании своего решения, прочтите эту статью.
Когда дело доходит до ИТ-инфраструктуры для приложения или веб-сайта, существует три основных варианта: Инфраструктура как услуга (IaaS), Платформа как услуга . (PaaS) и Бессерверные вычисления . Каждый из этих вариантов имеет свои преимущества и недостатки, поэтому важно тщательно обдумать свои потребности, прежде чем принимать решение.
Начало..
Шаблоны компонентов CSS Grid
Долгое время веб-верстка была одной из самых сложных проблем, которые нужно было решить. В первую очередь это произошло из-за того, что Интернет изначально создавался вокруг документов и их потоков. По мере того, как Интернет менялся, потребность в правильных решениях для макетов была большой, и их нужно было добавить в спецификацию CSS.
Первым добавленным элементом был flex-box. Flexbox был разработан, чтобы дать лучший контроль над макетом в одном направлении, будь то строка или..
Создайте линейную диаграмму SVG в React
Сегодня мы создадим очень простую диаграмму SVG в React без внешних библиотек.
Требуются знания JavaScript, ожидается знакомство с react. Предполагается, что у вас установлен узел create-react-app . Если у вас нет настроенных инструментов, я подробно рассмотрел их в другом руководстве . Следуй за этим и возвращайся.
Вот как наша диаграмма будет выглядеть в конце.
Создайте приложение для реагирования с помощью
create-react-app reactdev-svg-chart
Перейдите в каталог с
cd..
Исходный код React.js: Newb Reacts
Мои глаза расширяются. Я не могу поверить всему, что делает react.js. Чтобы создать утонченную библиотеку, которая делает так много, невероятно видеть, сколько уголков и закоулков этих нескольких десятков каталогов было заполнено.
На момент написания этой статьи я создал пару небольших приложений с помощью React. Я понимаю, как работают основы, но меня заинтриговали те, кто вносит свой вклад и действительно понимает, как все части сочетаются друг с другом. Возможно, однажды я внесу..
Логическое значение отправки Redux возвращает несериализуемую ошибку
Если вы получаете «несериализуемую» ошибку при отправке логического значения в хранилище Redux в приложении React, это означает, что вы пытаетесь сохранить несериализуемые данные в хранилище. Это может вызвать проблемы с отладкой во времени, отрисовкой на сервере и другими функциями, которые полагаются на сериализуемые данные.
Чтобы решить эту проблему, вы можете использовать функцию createSerializableStateInvariantMiddleware a, предоставляемую пакетом @reduxjs/toolkit , для проверки..
Анимация карты mapbox в один клик
Совсем недавно Mapbox GL JS поддерживает отображение карт в виде 3D-глобусов, начиная с версии 2.9.
Без лишних слов, давайте посмотрим, как это работает:
Мы можем изменить карту на землю, установив свойство проекции:
const map = new mapboxgl.Map({
container: 'map',
projection: 'globe'
});
Базовая конфигурация данных карты
var map = new mapboxgl.Map({
style: "mapbox://styles/mapbox/satellite-streets-v11",
// center: [121.42, 31.22], //上海市长宁区
//..
Новые материалы
Как работает промежуточный надзор, часть 2 (машинное обучение)
Эффективная сегментация медицинских изображений с промежуточным механизмом наблюдения (arXiv)
Автор: Ди Юань , Цзюнян Чен , Чжэнхуа Сюй , Томас Лукасевич , Чжиган Фу , Гуйчжи Сюй ...
Что такое A11y (и почему вы должны его использовать)
Возможно, вы слышали об атрибутах W3C или ARIA, но что они на самом деле означают?
Доступность определяется как процесс разработки продуктов, устройств и сред, которые могут использовать люди..
День 76/100 Книга
День 76/100 Книга
Обучение — это непрерывный процесс с ресурсами, широко используемыми людьми, которые признают сложный путь достижения успешной цели. Хотя поначалу это может показаться..
Gmail Smart Compose: умный способ написать электронное письмо
Gmail означает почту Google, это бесплатная служба электронной почты, предоставляемая Google по всему миру. Google официально запустил Gmail в 2004 году, и в настоящее время этой услугой..
API следующего поколения: gRPC n Javascript
gRPC - быстро развивающаяся технология, которая потенциально может заменить протокол HTTP. Это быстрее, чем традиционные HTTP-вызовы, потому что он отправляет данные в двоичном формате, а не в..
Ускоренный курс по жадным алгоритмам
Дай мне, дай мне, дай мне
Аудитория
Эта статья предназначена для инженеров, достаточно хорошо разбирающихся в программировании, структурах данных и алгоритмах. Он в основном основан на..
Изучайте Java (Урок 2: Комментарии)
Как и зачем использовать комментарии в java с примерами
Введение:
Комментарии — это строки текста в программе Java, которые игнорируются компилятором и используются для добавления..