Публикации по теме 'react'
React App Persistence с Firebase
Это часть 9 моей серии React Learning. Используя знания, почерпнутые из React Веса Боса для начинающих .
Мы сделали довольно умное CRUD-приложение, в котором состояние и свойства используются для реагирования и соответствующего обновления визуальных элементов. До сих пор наши приложения React были нестабильны, как если бы мы обновили страницу или закрыли браузер, мы потеряли бы то, что сделали. Что было бы здорово, если бы был простой способ отразить наше состояние в базе данных. К..
Советы по React - Обработка 404 страниц
Обработка страниц 404 очень проста с помощью реактивного маршрутизатора. Давайте начнем. Сначала вам нужно создать новое приложение, я буду использовать шаблон create-react-app.
create-react-app react-router-404
После этого установите пакет response-router-dom и импортируйте некоторые компоненты в файл App.js.
import { BrowserRouter, Link, Route } from 'react-router-dom';
Хорошо, теперь мы собираемся использовать тот же файл App.js для создания двух компонентов: Home и About...
Начало работы с React и JSX
React - это библиотека для создания интерфейсных представлений. Он имеет большую экосистему библиотек, которые с ним работают. Кроме того, мы можем использовать его для улучшения существующих приложений.
В этой статье мы рассмотрим, как создавать простые приложения с помощью React.
Начиная
Самый простой способ создать приложение React - использовать пакет Create React App Node.
Мы можем запустить его, запустив:
npx create-react-app my-app
Затем мы можем перейти к my-app и..
Магазины Easy-Peasy с публичными и частными акциями
Easy Peasy предоставляет лучший API и опыт поверх Redux
С конца 2019 года я использую Easy Peasy для управления состоянием своих приложений как профессионально, так и лично. Библиотека имеет знакомый API и логику с легкостью и хорошей гибкостью. Если вы используете или уже использовали Redux, но не получили от него полной отдачи, обратите внимание на Easy-Peasy. Возможно, оно того стоит.
Easy Peasy - это абстракция Redux, предоставляющая обновленный API, ориентированный на опыт..
Использование react-leaflet для создания одного мозаичного слоя
Проблема: Лифлет не поддерживает один тайловый слой
Это означает, что если вам нужно отрендерить какой-то динамический кластер, сгенерированный геосервером, вот так:
Листовка вместо этого покажет что-то вроде этого:
Который испорчен.
К счастью, мы (я и Арлиндо Перейра из MPRJ) нашли обходной путь, используя элемент ImageOverlay из Leaflet , который довольно прост, но на его поиск ушло много времени.
React-leaflet — это библиотека, предоставляющая компоненты для..
Динамическое создание ссылок в React
TL; DR: я создал npm пакет с именем use-dynamic-refs для динамического создания ссылок. Найдите здесь
Эта проблема
Одна из моих основных проблем с React - динамическая установка и получение компонента refs . Это было особенно болезненно, потому что мне нужно было передать созданное refs нескольким компонентам, а иногда и слоям глубоко внутри дерева компонентов.
Раньше мне приходилось что-то делать в отношении:
const Before = () => {
const foo = ['random_id_1' ,..
Создание красивых приложений: капли
Недавно мне довелось поговорить с Марком Ароном Шулёвски , одним из основателей и разработчиков Drops - красивого приложения для изучения словарного запаса.
Google назвал Drops одним из лучших приложений 2018 года . Что особенно интересно для нас, Drops был написан на React Native, который, несмотря на постоянно растущую популярность и успех, многие до сих пор не считают подходящим инструментом для создания качественных приложений . К счастью, на таких примерах, как Drops, мы видим,..
