Публикации по теме 'react'
Как улучшить запросы с помощью React Query
Руководство по использованию React Query в ваших проектах
В этой статье мы узнаем следующее:
Когда использовать React Query Простые fetch запросы с пакетом React Query Поиск элементов из API по идентификатору Пагинация Мутации
Когда использовать React Query
Традиционный метод fetch() отлично подходит для извлечения данных из API, но вы можете столкнуться с некоторыми трудностями, если ваше приложение разрастется и станет более сложным. Например,
Кеширование: чтобы..
ES6: шаблонные литералы
Новый и быстрый способ работы со строками - это Шаблонные литералы , о которых мы узнаем в этой статье. Приступим!
Как мы раньше работали со струнами?
Раньше мы видели строки между одинарными или двойными кавычками, как показано ниже:
var name = "Marina" ;
var hello = "Hello "+ name ;
console.log(hello); //Hello Marina
до сих пор это хорошо, но проблема возникает, когда вы пытаетесь создать многострочный шаблон и пытаетесь объединить переменные и выражения,..
JavaScript Fetch API для почтового запроса, чтобы отправить данные из формы ReactJS
JavaScript Fetch API для почтового запроса, чтобы отправить данные из формы ReactJS
// App.js
импортировать React, {Component} из "react";
import ‘./App.css’;
класс экспорта по умолчанию. Приложение расширяет компонент {
конструктор(){
супер();
this.state = {имя: ’’, электронная почта: ’’}
}
handleChange = event = ›{
this.setState ({[event.target.name]: event.target.value})
}
handleSubmit = event = ›{
event.preventDefault ();
console.log («Имя пользователя:« +..
Один домен - несколько приложений Next.js
Краткое руководство по использованию Nginx для обслуживания нескольких приложений Next.js в одном домене с использованием подкаталогов.
По умолчанию, если вы использовали create-next-app для запуска проекта Next.js, предполагается, что вы запускаете все как один большой веб-сайт. Недавно я столкнулся с небольшим вариантом использования, в котором целью было разместить несколько проектов Next.JS и обслуживать их с использованием одного домена и подкаталогов.
Скажем, у нас есть три..
Angular vs React vs Vue: найти ценность в каждом
Сначала плохие новости.
Среди этих трех нет явного победителя, который определенно следует использовать в вашем следующем проекте для достижения умопомрачительного успеха.
С другой стороны? Это тоже может быть хорошей новостью .
Если вы уже остановились на одном фреймворке или библиотеке — как разработчик, стремящийся освоить новые, прибыльные навыки, или как владелец продукта, планирующий инновационный продукт, — вам не нужно бояться, что ваш выбор неверен. Хотя люди со всего..
Игровая площадка для компонентов Bit теперь визуализирует множественный экспорт
Веб-платформа Bit’s теперь визуализирует множественный экспорт для вашего компонента. Это круто и полезно. Вот почему.
Платформа Bit превращает JS-компоненты и модули в строительные блоки, которыми можно легко делиться, использовать и разрабатывать из любого проекта.
Используя Bit, вы можете быстро превратить любой фрагмент кода в API и поделиться им между командами и проектами, чтобы ускорить разработку.
По мере масштабирования совместного использования кода возрастает и..
Awwward: изображения после курсора, REACT.JS + UNSPLASH API
Установите React, SASS,… Создайте структуру папок Создайте домашнюю страницу и компонент курсора Подключите свое приложение к Unsplash API Найдите положение курсора и создайте окончательный эффект
1. Установите React, SASS,…
Чтобы использовать React, вам сначала нужно установить его с помощью NPM:
npx create-react-app nameOfYourProject
Установить SASS
npm install [email protected]
Установить Аксиос
npm install axios
Запустите свое приложение
cd..