Описание тега isomorphic-javascript

Изоморфные веб-сайты можно запускать как на сервере, так и в браузере. Они обеспечивают повторное использование кода, SEO и повышение скорости загрузки страниц, при этом интерфейс написан на JS. Node.js чаще всего используется для движка серверного JavaScript.
0 ответов

Webpack с babel-загрузчиком для реакции повреждает файлы изображений

Я использую веб-пакет с babel-loader для преобразования файлов реакции.jsx. Однако добавление загрузчика файлов или загрузчика стилей и CSS не позволяет правильно обрабатывать требуемые изображения () в компонентах реакции или таблицах стилей. Они р…
16 авг '16 в 14:56
1 ответ

Заполнение нескольких магазинов и ожидание

Рассмотрим изоморфное приложение на основе Flux и использование библиотеки Fluxible для этого. У вас есть приложение электронной почты React со списком сообщений слева и текущим открытым сообщением справа. Ваш маршрутизатор запускает действие "SHOW_…
27 дек '15 в 18:07
1 ответ

Почему Singleton Store в Flux может вызвать проблемы для рендеринга на стороне сервера

Я читал следующие источники. Зачем использовать Redux поверх Facebook Flux?, редукционная документация http://redux.js.org/docs/recipes/ServerRendering.html а также определение синглтона. Может кто-нибудь объяснить, как магазин, являющийся одноэлеме…
1 ответ

ES6 React на стороне сервера рендеринга, как импортировать React Component?

Я перевожу ES6 на ES5. BabelJS для файлов сервера NodeJS Express и рендеринга на стороне сервера в каталог build / server /. Browserify + babelify для вывода ReactComponents в файл build/client/bundle.js При попытке импортировать React Component из …
2 ответа

TypeError: Невозможно прочитать свойство undefined с веб-сокетами

Использование Isomorphic Framework для React и Pusher для получения веб-сокетов. Я не могу получить доступ к состоянию, когда я нахожусь в componentDidMount() функция. class TopbarNotification extends Component { state = { visible: false, notificati…
2 ответа

Визуализация изоморфного компонента React, который требует объекта окна

У меня есть изоморфное приложение React, компоненты которого отображаются на стороне сервера. Я хочу использовать сторонний компонент React: ( GraphiQL) и выполняю рендеринг как таковой: var GraphiQLComponent = React.createElement(GraphiQL, { fetche…
1 ответ

Реагировать JS изоморфный рендер

ReactJS, оригинальный Flux, реагирующий маршрутизатор, nodeJS, socket.io Все обновлено. Если я отключаю JavaScript в браузере, то отображается только статический код. Во время рендеринга на стороне сервера ComponentWillMount а также render методы за…
1 ответ

Использование моментов с правильной локалью в рендеринге на стороне сервера React

Я использую React для рендеринга на стороне сервера. В настоящее время я работаю над отображением даты, используя momentjs.fromNow() который должен отображать что-то вроде "две минуты назад" и т. д. Он отлично работает в браузере (с изменением языка…
22 фев '16 в 14:26
0 ответов

Маршрутизация и рендеринг компонентов React на стороне сервера

Мне очень трудно понять, что нам нужно сделать, чтобы сделать React изоморфной. Я следую некоторым урокам, и вот что у меня сейчас: Я создал server.js файл, который запускает сервер Express Я создал router.js файл, в котором я создал объект Express …
1 ответ

Inferno + TypeScript Изоморфное приложение

Я пытаюсь создать изоморфное приложение, используя Express и Inferno. К сожалению, я не могу найти подобные проекты в Интернете. Я пытался создать свой собственный, используя Razzle. Но, к сожалению, мне не удалось подключить TypeScript, несмотря на…
0 ответов

Загрузка конфигураций сервера в изоморфных редукционных приложениях

У нас есть общая утилита ведения журнала, которая использует каркас Bunyan для записи информации в файлы и т. Д. import logger '../Logger'; Поэтому я использую изоморфные редукционные приложения, где файлы действий выполняются как на стороне клиента…
28 сен '16 в 18:58
0 ответов

renderToString с хранилищем Redux отображает данные без реквизита (на стороне сервера)

Хотя идентификатор истории предварительно заполнен, renderToString() по-прежнему отображает приложение без заполнения состояния с помощью mapStateToProps(). Я использую селекторы для получения данных от государства. Проблема в том, что реквизит не з…
1 ответ

Серверная (изоморфная) DOM-манипуляция Node.js + Cheerio

Я пишу изоморфное приложение реакции, и я сталкиваюсь с ошибками рендеринга на стороне сервера, такими как document.querySelector is not a function или же target.addEventListener is not a function при использовании определенных внешних библиотек. Из…
0 ответов

Составьте изоморфную реакцию с Babelify & Grunt

Я пытаюсь разработать приложение Isomorphic React с нуля, используя Grunt, Browserify, Babel, Babelify, ExpressJS и React. Я использую Grunt для компиляции моего исходного кода в каталог сборки. Когда я пытаюсь запустить server.js, который был скомп…
1 ответ

Почему мое изоморфное приложение Cycle.js вызывает исключение xstream при рендеринге на сервере?

Я пытаюсь написать демо-изоморфное приложение Cycle.js/ Hapi.js, но оно терпит неудачу с исключением в xstream при рендеринге на сервере. Что здесь не так? Я основал свое приложение на примере изоморфного приложения Cycle.js. Трассировка выглядит та…
2 ответа

Как сделать responsejs/flux/ Reaction-router SPA изоморфным?

Я разработал spa с responsejs, flux (без сторонних реализаций) и response-router. Как я могу сделать это изоморфным сейчас? Для SEO и лучшей производительности с начальной загрузкой.
1 ответ

Почему мой Meteor UserId не отображается с этим кодом?

Я хочу (из любопытства) увидеть мой идентификатор пользователя, пока я экспериментирую с приложением Meteor. Я пытаюсь отобразить это так: HTML: <body> . . . <div class="container"> {{> userIdTemplate}} {{> postTravelWizard}} </…
1 ответ

Почему Webpack bundle.js дважды передается в изоморфном приложении?

Я замечаю, что в производстве файл bundle.js передается дважды. Второй раз запрашивается самим файлом bundle.js. Это по умолчанию или связано с конфигурацией? Также обратите внимание, что второй запрос bundle.js занимает всего 192 мс, что намного ме…
06 апр '17 в 15:18
1 ответ

Реактивный (изоморфный) канал, не отображающий маршрут на стороне клиента

Итак, я боролся с этим в течение нескольких дней. Что работает: приложение прекрасно загружается на стороне сервера. маршруты /index.jsx (который является моим файлом маршрутизации на стороне сервера) загружает страницу просто отлично. console.log('…
0 ответов

Лучший подход или практика для React изоморфного приложения. Мне это нужно?

Поэтому мне интересно, каков наилучший подход к созданию Isomorphic React Apps. Как у меня есть случай использования, где я хочу показать функцию и скрыть функции на основе пользовательских ролей. Моей первоначальной мыслью было просто создать конфи…