Публикации по теме 'react'
Как использовать State - React Hooks
Использование состояния в ваших компонентах функции React
Что такое крючок?
React Hooks - это функции, которые позволяют нам работать с функциями состояния и жизненного цикла в компонентах функций React. Раньше это было возможно только при использовании классов, но хуки дают нам альтернативный способ использования этих важных функций класса вне классов.
Что такое useState?
Перехватчик состояния (useState) - это наиболее часто используемый перехватчик для создания компонентов..
react-spring-dnd, смертельно простое решение перетаскивания
🕊
Нравится реактивная весна 🌀? это гладко, но не для перетаскивания.
Нравится реагировать-красиво-днд 😀? это один, но движение недостаточно сексуально.
Хорошо, теперь просто познакомьтесь с невероятно простым и плавным решением перетаскивания с использованием react-spring:
реагировать-весна-dnd
Поиграй с этим примером!
Гитхаб
https://github.com/nanxiaobei/react-spring-dnd
Добавлять
yarn add react-spring-dnd
# or
npm i react-spring-dnd
Использовать
import..
Свадебный сайт: интеграция с Google Maps
Второй раздел моего свадебного веб-сайта предназначен для отображения всей информации, связанной с местом проведения свадьбы: где будет проходить церемония, как туда добраться, а также некоторые предложения, где остановиться.
Это статический компонент, поскольку вся необходимая информация жестко закодирована. Основной план включает в себя несколько фотографий местности, описание места и способы добраться до него. Чтобы улучшить свои навыки React, что является основной причиной, по..
Расширенные концепции Next.js
Как разработчик, вы могли создать приложение Next.js, используя базовые концепции, такие как создание страниц и навигация по ним, обработка данных с помощью getStaticProps и getServerSideProps , и стилизация с помощью модулей CSS и стилизованных компонентов . Однако существует множество расширенных концепций Next.js, которые могут помочь вам создавать более сложные и мощные приложения. В этой статье мы рассмотрим некоторые из этих передовых концепций и предоставим..
Инкрементная статическая регенерация по запросу с помощью Next.js и Hygraph
Для своего личного веб-сайта я использую Hygraph (он же GraphCMS) в качестве безголовой CMS. Я использую рендеринг на стороне сервера (SSR) для извлечения и генерации маршрутов и содержимого статических страниц.
Next.js позволяет нам обновлять статические страницы после сборки приложения. Благодаря добавочной статической регенерации (ISR) мы можем использовать статическую генерацию для каждой страницы без необходимости перестраивать весь сайт!
С ISR мы получаем преимущества..
Что такое хук useEffect в реакции
Хук useEffect обычно используется, когда нам нужно запустить дополнительный код после того, как React завершил обновление DOM. Например, вызовы API и ваши обычные ручные изменения состояния DOM. Если вам нужно что-то сделать после рендера, это должно быть в useEffect. React запомнит переданную вами функцию и будет вызываться после обновления DOM.
Вы должны учитывать, что вы вкладываете в этот крючок. Вызывается как после первого рендера, так и после каждого последующего обновления...
Как использование React’sEffect Hook изменило мою жизнь
Боже мой, почему мой JavaScript не может найти мой компонент React. ЧТО Я ДЕЛАЮ НЕ ТАК!!!!?!?
Это, вероятно, то, что в какой-то момент говорил каждый разработчик, начинающий с React. К счастью, создатели React дали нам возможность бороться с этим.
Любой код, изменяющий компонент после его монтирования, называется « побочным эффектом ». Для этого нам, разработчикам, остается использовать хук useEffect .
В приведенном ниже примере мы пытаемся заменить textContent элемента абзаца..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..