Публикации по теме 'reactjs'


Ввод OTP в React JS
Привет, это моя самая первая статья :) Сегодня я покажу вам, как создать ввод OTP с помощью ReactJS, используя базовый JavaScript. Целевой результат показан выше. Пойдем! Резюме OTP - очень распространенный элемент пользовательского интерфейса, используемый во многих веб-приложениях и мобильных приложениях для целей проверки. Он содержит ряд входных данных для заполнения отправленного OTP / кода подтверждения. Один символ на ввод. В этой статье мы использовали основную концепцию..
Хуки в React
Что такое хук в React? Хуки — это функции, которые позволяют вам «подключаться» к функциям состояния и жизненного цикла React из функциональных компонентов. React предоставляет нам встроенные хуки. Например, useState — это функция, позволяющая использовать состояние в функциональных компонентах. Когда будет полезно использовать крючки? Если вы пишете функциональный компонент и вам нужно добавить к нему состояние, вместо преобразования компонента в компонент класса вы можете..
Реагировать маршрутизатор
Начало работы с руководством для начинающих по React-router Что такое реактивный маршрутизатор? Маршрутизатор Simply React — это навигация между страницами. Как это использовать? Ну, это очень просто использовать в вашем проекте реагирования. Вот пошагово.. Сначала вам нужно создать реактивный проект. Надеюсь, вы уже загрузили node js на свой компьютер. Создайте файл и откройте его в своем любимом редакторе кода. Я лично рекомендую использовать код Vs, потому что он..
Dead Simple React-Testing-Library Пример
Перенесите модульный тест компонентов в свое приложение React Написание модульного теста для ваших реагирующих компонентов - хорошая практика, когда вы постепенно добавляете новые функции в свои компоненты. Это гарантирует, что внесенные вами новые изменения не повредят старые функции. Выполнение модульных тестов перед развертыванием или после гигантского слияния может помочь вам найти ошибки, которые не видны во время компиляции или на странице. После знакомства с концепцией модульного..
10 причин использовать Docusaurus для своей документации, блога и маркетингового сайта
Недавно я работал над проектом под названием sapling.dev , который генерирует полностековые приложения JavaScript (node ​​+ React), включая полные CRUD API, интеграции Auth0 и Stripe и многое другое. Sapling - это первый созданный мной инструмент для разработчиков, и я быстро понял, что следующие элементы будут иметь решающее значение, когда мы начнем маркетинг: Первоклассная документация - в нашей документации необходимо описать, как пользователи могут создавать новую кодовую..
Лучшие онлайн-курсы React JS [2020]
Освоение React может предоставить вам большие возможности в индустрии программирования. Но как вы можете изучить основы библиотеки JavaScript с открытым исходным кодом с нуля? И как лучше всего получить более продвинутые знания, если вы уже работаете в этой области? Подумайте о онлайн-курсе React, который поможет вам начать работу. Есть варианты, доступные для всех уровней квалификации, и вы можете зарегистрироваться, не тратя целое состояние. 1.Modern React With Redux [Обновление..
Под капотом Аполлона
Этот пост взят из недавнего моего выступления о внутреннем устройстве Apollo Client. Смотрите видео здесь . Я был разочарован тем, что не понимал, что на самом деле происходит, когда я его использовал, поэтому мне потребовалось некоторое время, чтобы вникнуть в код. Этот пост посвящен одному и относительно простому пользовательскому случаю, а именно: 100% React JS и на стороне клиента Компонент простого запроса (без мутации) Без подписок / пакетной обработки Нет сложной стратегии..