Публикации по теме 'react'
React и AJAX
Недавно я сделал новый сайт Staytube в React и мне нужно было делать Ajax-запросы. Вопрос был в том, как? И какой путь правильный или предпочтительный ? Ответ: это зависит : зависит от размера вашего приложения, сложности вашего приложения, от используемых вами инструментов.
Я сам, будучи новичком в React, выбрал довольно простой подход (без Flux / Redux), но подумал, что сделаю небольшую запись.
YouTube API
Staytube - это простой веб-сайт, посвященный отличным..
Глубокое погружение в JS-события.
Глубокое погружение в JS-события.
Давайте разберемся с обработкой событий JS. stopPropagation и stopImmediatePropagation и preventDefault .
События JS кажутся простыми, но это становится немного сложнее, когда есть вложенные элементы, такие как div внутри div, путешествующие (или распространяющиеся) через элементы. Это тот момент, когда мы пытаемся решить проблему, используя stopPropagation() и/или preventDefault(). Давайте поговорим о каждом из них подробно и о том, когда их..
Использование Context API и useReducer для глобального управления состоянием в React
Введение
В этом руководстве мы узнаем, как управлять глобальным состоянием с помощью контекстного API React и хука useReducer. Мы создадим систему аутентификации, которая хранит пользовательские данные и статус аутентификации, делая их доступными для всего приложения.
Предпосылки
Прежде чем мы начнем, убедитесь, что у вас установлено следующее:
Node.js и нпм Редактор кода (Visual Studio Code, Sublime Text и т. д.) Базовые знания React и функциональных компонентов..
Как использовать API документа «картинка в картинке» с React
API Document Picture-In-Picture (PIP) расширяет текущий API Картинка в картинке , открывая постоянное окно, которое может отображать любой произвольный HTML.
Чтобы протестировать API, вам необходимо включить соответствующий флаг функции здесь chrome://flags/#document-picture-in-picture-api . Как только это будет сделано, давайте создадим новое приложение реагирования и попробуем использовать API.
API
Использовать PIP довольно просто. Когда флаг функции включен, мы получаем..
Может кто-нибудь наконец объяснить мне, почему вам нужно учиться и использовать инструмент X для компиляции вашего кода в…
Может кто-нибудь наконец объяснить мне, почему вам нужно изучать и использовать инструмент X для компиляции вашего кода в JavaScript вместо того, чтобы изучать и писать сам JavaScript, который сейчас почти в ES7?
Тестирование приложений React с использованием ручных макетов Enzyme и Jest
Фрагментов кода, которые будут показаны ниже, недостаточно, чтобы заставить приложение работать, поскольку они показывают только строки, относящиеся к сообщению в блоге.
class App extends React.Component {
constructor() {
super();
componentDidMount() {
Api.getContacts().then(data =>
{ this.setState({ contacts: data}) })
}
Как видите, компонент App не вызывает API сам по себе, а использует для этого метод getContacts() , определенный в модуле Api .
Вызов внешнего API..
Ставка на Javascript
Javascript является объектно-ориентированным, а не объектно-ориентированным, в отличие от языка Java или C++.
Типы данных — строка, число, логическое значение, null, undefined и в последнее время символ добавляется к группе. Честно говоря, null и undefined должны быть удалены, но это намного лучше, чем null в Java, что мучительно для вечности.
Объект представляет собой логическое хранилище значений данных на основе хеш-механизма с ключевым свойством и значением.
Особенности ES6..
