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

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

Начало работы с React.js

Прежде чем начать, нам нужно: Node.js Node.js — это кроссплатформенная среда выполнения JavaScript с открытым исходным кодом, которая выполняет код JavaScript вне браузера. NPM — это менеджер пакетов для Node.js, в котором размещены тысячи бесплатных пакетов для загрузки и использования. NPM устанавливается на ваш компьютер при установке Node.js. Установите последний узел 10.3.15 (npm 6.3.1), нажав NODE . 2. Инструменты разработчика Инструменты разработчика помогают..

Охватывая вершины и долины прогресса.

День 84 #100DaysOfCode, и сегодня я продолжил работу над проектом Contractr. Я начал с написания кода, чтобы убедиться, что совпадения не отображаются на карточках, по которым можно провести пальцем, и это сработало хорошо. Затем я написал логику для кнопки сердца, чтобы вызвать функцию смахивания, что, к сожалению, привело к ошибке. Я потратил некоторое время на его отладку, но в конце концов понял, что пора закругляться и отдыхать. Это может быть неприятно, когда вы сталкиваетесь с..

Настройка Reactjs с помощью Webpack 4 и Babel 7; Полное руководство

Почти каждый, кто начал изучать ReactJS, знакомился с create-react-app , который является отличным способом запуска любого проекта ReactJS. Мы были довольны этим, так как вы можете просто запустить простую команду, а затем разработка вашего приложения ReactJS готова. Но в какой-то момент вашей карьеры вам захочется настроить все с нуля, чтобы оно соответствовало определенной цели. Итак, в этом уроке мы будем настраивать наши собственные reactjs с нуля, используя webpack и babel, так..

Как перемещаться между страницами с помощью ссылок Next JS

Введение Одна из самых первых причин вставать рано, когда вы на пляже, — это увидеть красивый восход солнца. Сегодня я провел время на пляже, пытаясь завершить статью, которую начал вчера вечером. Это небольшая статья, в которой я написал о навигации Next.js и ее реализации. Так что без лишних слов давайте перейдем к теме. Веб-сайты и веб-приложения обычно имеют более одной страницы. Но вам может быть интересно, как добиться маршрутизации в Next.js, чтобы пользователи могли..

КАК СОЗДАТЬ НОВЫЙ КОМПОНЕНТ В REACT/REACTJS

Как создавать пользовательские компоненты в React СОЗДАНИЕ НОВОГО КОМПОНЕНТА В REACTJS компонент реакции используется для повторного использования кода, он похож на функцию, но работает как независимый, и вы можете создавать несколько компонентов. Я буду использовать код Visual Studio в качестве редактора кода, который вы также можете скачать по ссылке ниже. Загрузите Visual Studio Code — Mac, Linux, Windows Visual Studio Code бесплатен и доступен на вашей..

Подождите… Использование useTransition для более плавного обновления состояния в React

Вы устали от того, что ваше приложение React выглядит как скучный статичный веб-сайт? Хотите оживить обстановку и добавить изюминку? Что ж, не бойтесь, крючок useTransition здесь, чтобы спасти положение! С помощью useTransition вы можете добавить в свое приложение столь необходимую драму. Вы знаете, как звуковой эффект «Дан-Дан-Дан» в фильме ужасов, когда должно произойти что-то жуткое. С помощью useTransition вы можете отложить рендеринг своего контента на время, достаточное..

День 4. Методы жизненного цикла React: полный обзор

Добро пожаловать на четвертый день вашего пути к изучению React! Сегодня мы сосредоточимся на методах жизненного цикла компонентов и обработке событий в React. Методы жизненного цикла компонентов Компоненты React имеют ряд методов жизненного цикла, которые вызываются в разные моменты жизненного цикла компонента. Эти методы позволяют выполнять действия до и после рендеринга, обновления или удаления компонента. Вот некоторые из наиболее распространенных методов жизненного цикла:..