Публикации по теме 'react'
Маршрутизация в React для начинающих
Эй, разработчики!
Сегодня мы собираемся научиться маршрутизировать в нашем приложении для реагирования. Помните, как вы переходите с одной страницы на другую, используя теги привязки в HTML? Маршрутизация в реакции очень похожа на это! В зависимости от запроса пользователя — например, при нажатии на ссылку или кнопку — пользователь будет перенаправлен на новую страницу.
Обратите внимание, что React помогает нам создавать SPA — одностраничные приложения. Несмотря на то, что..
Как использовать дочернюю опору «React.FC» в React 18 с TypeScript
Советы по TypeScript и React
Как использовать дочернюю опору «React.FC» в React 18 с TypeScript
Как работать с новым типом React 18 «React.FC» и реквизитом «children» для TypeScript
🇫🇷 Эта статья доступна на французском языке в блоге Coding Spark вместе с некоторыми интересными вещами!
Используя новый тип компонента React.FC в уже существующем проекте, вы можете столкнуться со следующей ошибкой:
Property ‘children’ does not exist on type <YourCustomTypeProps>
Это..
Генерация индивидуального платежа UPI QR-кода
Вариант использования
Недавно я был на вечеринке, оплатил сумму счета и должен был разделить чек с несколькими людьми.
Общение о том, сколько .. куда перевести, какое приложение использовать, а что нет .. было больно!
- Вместо -
Покажите QR-код, который работает во всех приложениях, отсканируйте -> получите оплату -> готово
Генератор
Живая демонстрация: https://upi-qr.vercel.app/ Исходный код: https://github.com/Jeevan-Kishore/upi-qr-generator
Архитектура..
Как сделать форму POST с помощью React и axios
Как сделать форму POST с помощью React и axios
Я уже писал, как реализовать «ajax» с помощью React. В это время я напишу, как размещать контент на сервере. Использование axios делает это проще.
Подготовка
Я подготовлю код перед основным содержанием. То есть ниже. Это не так сложно.
import React from "react"
import PropTypes from "prop-types"
import axios from "axios"
export default class FormComponent extends React.Component {..
Мастерство стека MERN: 7 практических проектов, которые вы должны построить
Повысьте свои навыки стека MERN с помощью этих 5 практических проектов.
Стек MERN, состоящий из MongoDB, Express.js, React.js и Node.js, представляет собой мощный и масштабируемый путь веб-разработки с полным стеком, который завоевал большую популярность среди разработчиков.
Чтобы стать разработчиком стека MERN, необходимо иметь практический опыт работы с инструментами.
В этой статье мы рассмотрим семь лучших проектов стека MERN, которые могут улучшить ваши навыки и сделать вас..
Как создать простой блог с помощью React и GraphQL
В этом уроке я покажу вам, как создать простой блог, используя React, GraphQL и Cosmic JS . Это будет самый быстрый и легкий блог, построенный на стеке современных технологий. Давайте начнем.
TL;DR
Посмотреть демонстрацию Установить блог Simple React на Cosmic JS Посмотреть кодовую базу на GitHub
Начиная
Убедитесь, что на вашем компьютере установлены Node.js и NPM, в противном случае посетите веб-сайт Node.js , чтобы установить последнюю версию.
Начнем с..
Введение в React Hooks
Создайте простое приложение-счетчик, используя React Hooks
Введение
React — это популярная библиотека JavaScript, используемая для создания пользовательских интерфейсов. С годами он развивался, и одним из самых значительных изменений стало введение React Hooks. Хуки были представлены в React версии 16.8 и позволяют разработчикам использовать состояние и другие функции React в функциональных компонентах. В этой статье мы обсудим предварительные условия для работы с React Hooks и..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..