Описание тега react-universal

1 ответ

Как использовать таблицы стилей в приложении React Server Side Rendererd?

Я пытаюсь преобразовать свое приложение ReactJS в Universal App с рендерингом на стороне сервера, но есть кое-что, чего я не понимаю. Каков наилучший способ использования и импорта стилей для моих компонентов? Могу ли я просто импортировать внешнюю …
17 авг '17 в 21:36
3 ответа

Как установить два входа на одну строку в реагировать родной?

Эй, я хочу установить два textInputs на одной строке, с именем Срок действия и CVV в симуляторе Android. <View style={{flex: 1, flexDirection: 'row'}}> <Text style={styles.label}style= {{width : 100}}>Expiration date</Text> <Vie…
0 ответов

Горячая замена модуля перестает работать, когда я использую реагирующий универсальный компонент

routes.js // @flow import React from 'react'; import { hot } from 'react-hot-loader'; import universal from 'react-universal-component'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; import { Switch } from 'react-router'; …
0 ответов

Реакция универсального компонента выдает ошибку при подключении к хранилищу

Ошибки возникают при попытке посетить /article/post..., Вот фрагмент кода Routes.js, где предположительно происходит ошибка. Полная трассировка стека ошибок находится на https://pastebin.com/M0pCULPj. Полный репозиторий находится на https://github.c…
2 ответа

Является ли window.__INITIAL_STATE__ предпочтительным способом передачи начального состояния клиенту в приложениях React Universal?

В настоящее время я читаю книгу о приложениях React и Universal, в которой автор утверждает, что для передачи начального состояния с сервера на клиент рекомендуется следующее: server.js import React from 'react'; import {renderToStaticMarkup} from '…
0 ответов

Как выполнить универсальный рендеринг разрешения?

У меня есть вопрос о реакции юнит-теста. мой модульный тест охватывает весь код, кроме следующей строки: resolve: () => require.resolveWeak('common/DumbComponent'), похоже, что строка выше никогда не вызывается в тесте. Есть ли способ заставить ю…
27 сен '17 в 20:00
1 ответ

Различная разметка для рендеринга сервера и клиента

На сервере мы всегда хотим показывать подробный H1 по причинам SEO. Однако на мобильных клиентах мы хотим показать более короткий H1 из-за ограниченного пространства экрана. Это приводит к: Warning: React attempted to reuse markup in a container but…
1 ответ

Критическая зависимость: запрос зависимости является выражением - response-universal-component

Предупреждение: [HMR] bundle has 2 warnings client.js:189 ./node_modules/babel-plugin-universal-import/universalImport.js 33:18-37 Critical dependency: the request of a dependency is an expression @ ./src/routes/index.js @ ./src/app-root.js @ multi …
0 ответов

Angular универсальная клиентская зависимость от Angular

Если я использую Angular universal для создания компонента, должна ли клиент также зависеть от Angular. Я оцениваю Angular универсальный /React подход на стороне сервера рендеринга. От потребителя, где этот компонент рендерится, он тоже должен иметь…
1 ответ

Почему реактивная маршрутизация не работает напрямую в браузере?

Я использую реагирующий маршрутизатор 2.0 в моем универсальном приложении реакции. Навигация по компоненту Link работает, но когда я вставляю URL-адрес вручную, ничего не происходит (браузер зависает). Как я могу исправить эту проблему? Это код марш…
1 ответ

Компонент не получает реквизит (React SSR)

У меня есть вилка Redux Saga, и я пытаюсь обновить хранилище на стороне сервера действием. Это идет хорошо, но компонент не обновляется (не вызывайте mapStateToProps), когда хранилище было обновлено. В чем дело? Помогите, пожалуйста. Журнал сервера …
18 май '17 в 14:16
2 ответа

Как отобразить данные, полученные от службы REST в React Universal? (Next.js)

Я хочу получать данные через сервисный вызов REST в приложении React Universal (с Next.js), используя fetch() и затем отобразить результат в JSX следующим образом: class VideoPage extends Component { componentWillMount() { console.log('componentWill…
2 ответа

React SSR ReferenceError: документ не определен

У меня возникли проблемы, чтобы отреагировать на стороне сервера. Я всегда получаю ^ ReferenceError: документ не определен var root = document.getElementById('root'); Я знаю, что происходит, что узел не понимает объект документа браузера. Но я не мо…
2 ответа

Как получить ссылку на магазин в реаги / редуксе?

В моем компоненте responsejs-universal я написал это: const mapStateToProps = (store) => { return { cars: store } } export default connect(mapStateToProps)(SearchForm) В том же компоненте я хотел бы отправить действие как: store.dispatch({type: '…
04 июл '17 в 12:58
0 ответов

JWT-аутентификация в универсальных приложениях (рендеринг на стороне сервера)

Универсальный или серверный рендеринг создает страницу перед отправкой ее клиенту. В этот момент у пользователя не было возможности отправить какие-либо учетные данные, кроме как с помощью файлов cookie. JWT рекомендует использовать LocalStorage для…
1 ответ

Использование response-cookie в файле утилит

Я использую Resact-cookie v2 в моем приложении "Реакция / Избыток". Чтобы установить cookie, вам нужно обернуть компонент в HOC withCookies(component)тогда вы можете использовать this.props.cookies.set('first_cookie', someCookie); установить печенье…
16 авг '17 в 07:52
0 ответов

Реагировать универсальный компонент - как сохранить редукторы?

В официальных документах говорится, как можно добавить редукторы для хранения: onLoad: (module, info, props, context) => { context.store.replaceReducer({ ...otherReducers, foo: module.fooReducer }) } У меня проблема в том, что я не мог понять, гд…
25 сен '18 в 12:05
0 ответов

response-universal-component с webpack-flush-chunks: начальная загрузка css

Пытаюсь привести пример реакции-универсального-компонента. Используя Webpack4, response-universal-component, webpack-flush-chunks, extract-css-chunks-webpack-plugin. Все работает отлично, за исключением того, что при начальной загрузке css-стили не …
15 авг '18 в 07:36
1 ответ

React Loadable запрашивает новый CSS в динамически загружаемых компонентах

Я использую реагирующую загружаемую часть кода для компонентов. Я также использую Extract CSS Chunks, чтобы разделить мои таблицы стилей. Все отлично работает во время рендеринга на стороне сервера и первоначального рендеринга на стороне клиента, но…