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


Очистка кода JavaScript: как можно провести рефакторинг для использования классов
В небольших проектах React хорошо работает хранение всех ваших методов компонентов в самих компонентах. В проектах среднего размера вы можете захотеть получить эти методы из своих компонентов и превратить их в «помощника». Здесь я покажу вам, как использовать класс (вместо экспорта отдельных функций и переменных) для организации вашего кода. Примечание . Я работаю в React, поэтому мы обсудим этот пример. Типичный рефакторинг В типичном рефакторинге вы берете функцию компонента и..

Безголовый Wordpress и React
Цель этого поста — наметить структуру использования Wordpress в качестве инструмента редактирования бэкэнда для обеспечения быстрого интерфейса на основе React. Примечание. Это еще не полностью реализовано, но это идея, над которой я работаю. Если кто-то хочет внести свой вклад, отправьте мне сообщение в твиттере ( @jonstuebe ). Куча Стек будет построен с использованием контейнеров Docker для быстрого развертывания как локально, так и в облачных сервисах. Вордпресс сервер Этот..

Как мы собираем Delve с помощью Webpack
Меня зовут Петар Паар , я инженер, работающий над Delve Web. Я покажу вам, как мы создаем и объединяем наш интерфейсный код, и объясню, как мы перешли на Webpack. Что такое Webpack? Вкратце Webpack - это инструмент, решающий проблему связывания модулей с зависимостями. Другими словами: Ввод - ›модули с зависимостями (куча файлов любого типа). Webpack Magic - ›обработка и объединение всех модулей и всех связанных зависимостей. Вывод - ›статические объединенные файлы,..

React Without Create-React-App: настройка Dev-сборки с нуля
Создание приложения React с помощью команды create-react-app может показаться волшебством. Если вы раньше использовали React, вы могли смутно осознавать наличие таких вещей, как Webpack или Babel, под капотом, но вам не требуется ничего знать о них, чтобы успешно создать высокофункциональное приложение. Но что именно делает все это под капотом? И все ли это необходимо для каждого приложения? Это некоторые из вопросов, которые у меня возникли после того, как я некоторое время..

Два способа запуска тестов на разных версиях одной и той же библиотеки F.E. React 17 + React 16
Как вы можете запускать тесты для версии X и версии Y библиотеки, с реальными примерами тестирования React 16 и React 17 С выпуском React 17 многие разработчики библиотеки React задались вопросом: «Должен ли я с этого момента тестировать только React 17, или, может быть, мне следует придерживаться React 16, пока версия 17 не будет более широко принята сообществом?». Я наверняка попал в такую ​​ситуацию с моей библиотекой Почему ты рендерил . Я решил найти способ протестировать..

Давайте возьмем привычку держать наш код в чистоте!
Последний штрих может сделать вас ИДЕАЛЬНЫМ! Написание чистого кода - непростая задача. Дело в том, что по этой теме существует множество практик, советов и задач, которые зачастую непосильны. В результате разработчику часто бывает сложно выбрать те советы и рекомендации, которым стоит следовать. Не называйте мир грязным, потому что вы забыли помыть очки! - Аарон Хилл Давайте упростим эту задачу. Во время этого теста мы сначала обсудим некоторые преимущества написания..

Рамки все разные.
Рамки все разные. Существуют фреймворки, которые не блокируют API-интерфейсы браузера и/или дерево DOM и/или ведут себя как операционные системы сами по себе. Когда вы начинаете работать с React/Angular/Vue, вы попадаете в «ловушку». Вы находитесь в капсуле, где вы не можете сделать шаг в сторону и должны соблюдать все правила фреймворка. Существует множество ужасных обходных путей, называемых «хуками», просто для того, чтобы сделать некоторые довольно простые вещи возможными в React...