Публикации по теме 'webpack'
Прекратите использовать пользовательские шаблоны в своих приложениях Webpack React
Google webpack response , и вы заметите, что все руководства в верхних результатах имеют одну общую черту: они создают собственные шаблоны HTML для своих приложений React.
Видите ли, приложениям React нужен корневой узел, который служит точкой монтирования при рендеринге в DOM , поэтому в большинстве случаев вы просто увидите <div> с идентификатором root внутри базовой HTML-страницы и ничего другого в файле.
// main.js
ReactDOM.render(<h1>Hai!</h1>,..
Реагировать, Редукс, Вебпак
Немного контекста
Справиться с этим было сложно. Я не фанат фронтенд-разработки, но я сделал это довольно много. Я никогда не беспокоился о том, чтобы страница выглядела красиво, а вместо этого хорошо работала. Так что вы, вероятно, никогда не увидите, чтобы я говорил о CSS или SASS. Я сторонник использования таких вещей, как Bootstrap, Foundation или Google Material Design (не уверен в этом), чтобы страница не выглядела уродливо.
Поэтому я не так давно начал проект. Этот проект..
Настройка Webpack и React с помощью Phoenix 1.3 (с развертыванием Heroku)
Настройка Webpack и React с помощью Phoenix 1.3 (с развертыванием Heroku)
Если вы создаете приложение с упором на внешний интерфейс. Вы можете использовать Webpack . Особенно, если вы тоже хотите добавить React в свой проект.
Мы можем вручную заменить Brunch на Webpack. Это избавит от многих головных болей при развертывании приложения Phoenix (сам по себе сложный процесс).
Начиная с версии 1.4, Phoenix будет поддерживать его из коробки для управления активами.
Спасибо..
Flux todomvc и Rails 5.1
Flux todomvc и Rails 5.1
В этой статье я объясню, как реализовать пример Flux todomvc с rails 5.1, используя Webpack и yarn, которые поставляются вместе с rails 5.1.
В первой части статьи описано, как установить весь фреймворк. Во второй части объясняется, как реализовать JavaScript-часть приложения flux todomvc в том виде, в каком она представлена на github. В третьей части объясняется, как сделать поток JavaScript todomvc и JavaScript, в конце концов, для связи с..
Как выполнить горячую перезагрузку с помощью Webpack?
Предварительные требования . Убедитесь, что вы понимаете основы использования TypeScript с Webpack. Для этого Вы можете прочитать мой последний урок здесь . 👈
Горячая замена модулей (HMR) заменяет, добавляет или удаляет модули во время работы приложения без полной перезагрузки. Это может значительно ускорить разработку.
Вы также можете прочитать официальное руководство по адресу https://webpack.js.org/guides/hot-module-replacement/ , но оно может быть немного нечетким. Моя..
Надежная конфигурация Webpack и лежащие в ее основе знания
Веб-сайты и веб-приложения развивались, и по мере их появления мы видели множество инструментов для объединения наших файлов, выполнения задач и / или настройки наших сред разработки. Тем не менее, Webpack взял на себя инициативу и стал основным сборщиком пакетов и средством выполнения задач, используемым в наши дни для веб-приложений. Webpack прошел через 4 основные версии, и, на мой взгляд, последняя версия намного проще в использовании и понимании.
Часто связывание - это то, о чем..
Повысьте скорость реакции с помощью веб-воркеров и очередей
Пару дней назад я переместил очередь запросов в веб-воркер в моем приложении React и столкнулся с некоторыми проблемами. Может, эта статья кому-то поможет, так что вперед!
Зачем мне это нужно?
Все мы хотим, чтобы наши приложения работали лучше, быстрее и так далее. Теперь мы можем использовать реактивные приложения с хранилищами, что является своего рода шаблоном наблюдателя, и мгновенно обновлять представления при изменении данных хранилища. Иногда мы хотим получать уведомления с..