Публикации по теме 'reactjs'
Создайте простой Get API с помощью Node.Js
Сначала настройте приложение node js в основном файле, в основном это app.js или index.js, где вы определяете свой номер порта для запуска localhost.
Чтобы создать get API, мы должны подключиться к серверу базы данных, чтобы он динамически получал данные, но в этом случае мы будем жестко кодировать фиктивные данные в приведенном ниже коде.
Овладейте искусством оптимизации производительности React за 7 простых шагов 🚀
Вы устали от того, что ваше приложение React кажется медленным и неуклюжим? Пользовательский интерфейс вашего приложения имеет решающее значение для его успеха, и производительность играет важную роль. В этой статье мы рассмотрим 7 практических приемов, которые вы можете использовать для оптимизации производительности вашего приложения React и выведения его на новый уровень.
Эти советы, от использования React.memo до разделения кода, помогут вам повысить скорость и эффективность вашего..
Создание страницы входа в Instagram с помощью Next.js и TailwindCSS. Часть 3. Добавление формы ввода
Добавьте ‹form› под ‹h1›. Форма имеет ширину 64 единицы и отображается как гибкая и в направлении столбца, она имеет зазор 1, поэтому поля ввода будут иметь небольшое разделение. mt-8 нужно добавить пространство между логотипом и формой.
На этой неделе в React # 93: серверные компоненты, ремикс, Гэтсби, React-Native-Web, производительность, неизменность…
Всем привет!
На этой неделе много отличных статей, в частности самый первый прагматичный отзыв об использовании серверных компонентов на Shopify.
Информационный бюллетень задержался на этой неделе, потому что я пытаюсь создать для него целевую страницу: cf.thisweekinreact.com . Я использую совершенно новый стек (Remix, Tailwind, Cloudflare Pages), но у меня есть некоторые проблемы с SSL и Cloudflare отказывается взаимодействовать с Revue API 😅.
Я также использую больше эмодзи для..
Реагировать | Как повторно отрендерить представление при изменении размера браузера?
В этой серии статей о React я поделюсь вопросами для интервью по React. Не забывайте подписываться на меня, чтобы увидеть больше таких статей .
Как повторно отобразить представление при изменении размера браузера?
Используя классы,
class WindowDimensions extends React.Component {
constructor(props){
super(props);
this.updateWindowDimension = this.updateChart.bind(this);
}
componentDidMount() {
window.addEventListener('resize', this.updateWindowDimension)
}..
Хуки в ReactJS
Хуки React — это функция, представленная в React 16.8, которая позволяет вам использовать состояние и другие функции React в функциональных компонентах. Вот несколько примеров хуков React:
useState: хук useState позволяет добавлять состояние к функциональным компонентам. Вот пример:
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button..
Основы React - компонент, JSX, свойства, состояние и другие подробности.
По общему признанию, React является лидером индустрии фронтенд-приложений в 2020 году. Это очень дружелюбная библиотека для начинающих, Лернер. Итак, давайте попробуем вместе со мной разобраться в некоторых важных основах.
Составная часть
Компонент React - это функция JavaScript, которая возвращает элемент React. Он не может вернуть «undefined» (явно или неявно). Он должен возвращать значение или ноль. С другой стороны, компонент React - это часть пользовательского интерфейса,..