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


Подключите Firebase Cloud Firestore к приложению React
Создайте базу данных для хранения и синхронизации данных и, наконец, разверните приложение в Firebase. Cloud Firestore - это гибкая и масштабируемая база данных NoSQL от Google. Он обновляет ваше приложение почти в режиме реального времени по мере изменения ваших внутренних данных. Он также обеспечивает автономную поддержку, любые локальные изменения синхронизируются с облаком, когда ваше устройство снова в сети. Это превосходно! Cloud Firestore предлагает бесплатную квоту , так..

Это действительно хороший урок.
Это действительно хороший урок. Интересно, стоит ли нам добавлять опцию саги к каждому маршруту, который каким-то образом запускает ее (вместо thunk) для вас. Я думаю, что встроенная дополнительная поддержка Sagas была бы отличной для RFR. Хотя я давно не использовал их в реальных проектах, я обнаружил, что Sagas является наиболее полезным подходом к асинхронному промежуточному программному обеспечению после простых переходов. Они также кажутся наиболее широко используемыми. Например,..

Разработка приложений на React с использованием API
В предыдущей части я говорил о разработке бэкэнда с графическим интерфейсом, вы можете использовать свою базу данных как API. Несколько преимуществ: Загрузка в стиле AJAX, поскольку перезагрузка страницы не требуется. Размещение на двух разных серверах намного безопаснее. Требуется немного поработать, чтобы выяснить, где находится панель admin , иначе это просто website.com/admin. Теперь website.com обслуживает интерфейс, получая API из серверной части, URL-адрес которой вам..

Состояние React Native для Интернета в 2021 году
Что такое React Native для Интернета? React Native Web - отличная библиотека веб-разработки, доступная для фронтенд-разработчиков. Прелесть React Native Web заключается в том, что его можно использовать для запуска приложения на любой платформе, просто используя единую кодовую базу. React Native для Интернета позволяет запускать компоненты и API React Native в Интернете с помощью React DOM. Другими словами, React Native Web упрощает перенос вашего приложения React Native в..

Еще один датапикер в React
Еще один выбор даты в React, ха? Но зачем, если можно использовать react-dates . Это отличная библиотека, если вы уже используете moment , которая является широко используемой библиотекой для манипуляций с датой и временем. Тем не менее, современный Интернет подталкивает нас к тому, чтобы продолжать сокращать размеры пакетов, и это проблема, которую еще предстоит решить создателям moment . Короче говоря: я решил создать свой собственный выбор даты. Очевидно, что размер пакета..

Масштабируемость
Я обнаружил, что многие разработчики, в том числе и я, используют немного вырванное из контекста описание своих приложений или проектов на GitHub. Я думаю, что это нужно для того, чтобы добавить это ключевое слово в их контент, но мое намерение было скорее социальным экспериментом… дразнить медведя: 👉🧸 Я хотел поощрить дискуссию и быть вызванным для неправильного использования слова. Я имею в виду, что у меня была приличная точка зрения, которую, я думал, будут уважать, но мой..

Основы React: ключи
В React keys используются уникальные идентификаторы . Это помогает идентифицировать элементы, которые были изменены, добавлены или удалены. Лучший способ выбрать key - использовать строку , которая однозначно идентифицирует элемент списка в списках. const toDos = todos.map((todo) => <div key={todo.id}> {todo.description} </div> ); Зачем нужны ключи? Рассмотрим список задач const todos = ['Make Pancake', 'Read a Book']; Он будет отображаться..