Публикации по теме 'react'
Дорога к техническому директору (#4)
Давайте уже отправим эту штуку!!!
Это увлекательно: мое сильное ожидание выпуска версии 1 веб-приложения PubLoft в сочетании с моим месячным ускоренным курсом по синтаксису React от Трэвиса поставили меня в уникальное положение. Сегодня третья ночь, когда я не спал далеко за полночь в голодной погоне за завершением этих порталов.
В Startup Land нет ничего лучше, чем отгружать слишком рано; тем не менее, я виновен в перфекционизме. По крайней мере, в пользовательском интерфейсе...
Разница между super () и super (props) в конструкторе компонента класса React?
При создании компонентов класса в React мы часто вызываем super в конструкторе компонента, а также передаем ему реквизиты. Но действительно ли нам нужно это делать? Я имею в виду передать реквизит в супер.
Что ж, React Documentation рекомендует -
Компоненты класса всегда должны вызывать базовый конструктор с реквизитами.
и классы ES6 должны вызывать super , если они являются подклассами.
Но зачем передавать реквизит в супер? Это потому, что если мы хотим использовать this в..
Создание модульного приложения Redux
Если вы работаете с парой проектов с похожей структурой данных, вы будете использовать похожие редукторы. Поэтому может быть полезно писать редукторы в виде модулей, которые упрощают их повторное использование. Кроме того, вы сможете отлаживать и обновлять reducer, перейдя в один каталог, вместо того, чтобы искать в своем проекте файл, который вам нужно изменить.
В этом примере мы создадим приложение, которое подключается к GitHub API и получает репозитории от любого пользователя...
Как добавить интернационализацию (i18n) в ваше приложение React
Простое руководство о том, как сделать ваше приложение React более доступным.
Результат:
0. Структура проекта (необязательно)
Это структура проекта, которую я использовал, несмотря на то, что мне не нужно следовать руководству, я думаю, что это должно помочь вам лучше понять, а также послужить подсказкой.
1. Установка зависимостей
Нам понадобятся только 3 зависимости:
2. Настройка всего
Файл конфигурации:
i18n/index.js
После завершения настройки..
React, DOM API, о котором не стоит гуглить
Реагировать на ключи
React поддерживает копию HTML DOM, используя виртуальный DOM. Когда вы каким-либо образом изменяете HTML DOM, React использует виртуальный DOM для сравнения. Это отличная функция React, поскольку она не требует создания, удаления или обновления узлов HTML при каждом изменении DOM. Рендерер React пытается внести как можно меньше изменений. Например, если вы измените атрибут узла HTML, React не удалит старый узел, а создаст новый. Сравнивая виртуальный DOM, он..
Выучите «это» ключевое слово, раз и навсегда
Как разработчик javascript, пишете ли вы vanilla (чистый) js, создаете ли вы следующий «React» самостоятельно или работаете с Vue, Angular, Svelte или любой другой структурой / библиотекой, вам необходимо хорошо знать this .
Когда я разговариваю с другими разработчиками, я иногда замечаю, что в их понимании this есть большая дыра. поэтому я здесь, чтобы упомянуть некоторые из них и сделать вас и this хорошими друзьями навсегда :)
Давайте рассмотрим несколько примеров, чтобы..
Крошечные компоненты: что может пойти не так?
Использование принципа единой ответственности для создания лучших приложений
Преимущество компонентной системы в React (и подобных ей библиотек представлений) заключается в том, что ваш пользовательский интерфейс разбивается на небольшие удобоваримые и повторно используемые блоки.
Каждый компонент обычно компактный (100–200 строк), размер которого легко понять и изменить другим разработчикам.
Но в то время как краткость компонентов имеет тенденцию быть, нет жесткого правила. React..
