Публикации по теме 'isomorphic-applications'


Универсальный рендеринг с помощью babel-plugin-webpack-loaders
Универсальный рендеринг — это круто. Тем не менее, это также проблема, связанная с различными требованиями на стороне сервера. Зависимые файлы ресурсов, такие как css или ресурсы изображений, не могли быть импортированы как рендеринг на стороне сервера с помощью дефолт. babel-plugin-webpack-loaders — отличный плагин для Babel. Он использует систему загрузчика webpack для правильного анализа ресурсов. После того, как вы установите его, вы можете настроить плагин в .babelrc или..
Почему мы любим изоморфный/универсальный рендеринг?
CSR и SSR: несколько причин выбрать один из них Этот документ даст вам обзор плюсов и минусов использования решений CSR и изоморфного рендеринга. Это будет охватывать все подробные исследования / эксперименты, проведенные с использованием различных инструментов с различными параметрами, чтобы оценить преимущества производительности одного над другим. Мы также обсудили типичные сценарии/примеры приложений для обоих подходов, чтобы дать вам четкое представление о правильном..
Изоморфизм….
Изоморфизм…. Этот пост был вдохновлен недавним проектом. Я делал HTTP-запрос и столкнулся с некоторыми проблемами. Я разместил свой вопрос на stackoverflow и получил множество ответов, которые не только помогли мне решить проблему, но и открыли для себя концепцию изоморфизма. Я уверен, что некоторые новые разработчики могут относиться к реакции коленного рывка на использование jQuery для всех запросов AJAX. До недавнего времени я был этим разработчиком! Я стал настолько зависим от..
Боль и радость создания изоморфных приложений в ReactJS
Этот пост не является учебным пособием. В Интернете их достаточно. Всегда интереснее посмотреть на реальное производственное приложение. Многие учебные пособия и шаблоны показывают, как писать изоморфные приложения ReactJS, но они не охватывают множество реальных проблем, с которыми мы столкнулись в процессе производства. Поэтому мы решили поделиться своим опытом на GitHub и разработать приложение в публичном репозитории. Вот работающее приложение , а вот его код . ВАЖНО . Это..
Рендеринг на стороне сервера в React с Node. Часть 2: Компоненты React
Это вторая статья в серии о том, как использовать Node для изоморфного рендеринга приложения React. Вы можете найти ссылки на различные части в разделе ниже. В этой статье я рассмотрю ReactDOM.hydrate , React Router и несколько компонентов React. Если вы хотите взглянуть на код для этой серии статей, вот репозиторий Github , который я создал. В Части 1 были рассмотрены конфигурации Webpack и Babel для настройки приложения React с рендерингом на стороне сервера. В третьей части..
Создание изоморфного/универсального веб-сайта с помощью React — часть 2
В первой части этой серии постов мы видели, как я провел рефакторинг потока данных на своем сайте. Теперь мы посмотрим, как создать дизайн, и я решил некоторые проблемы в стиле React. Меню Я должен признать, что на таком маленьком веб-сайте, как этот, меню бесполезно, но в то же время оно просто добавляет приятный штрих. (эта гифка имеет некоторые глюки, извините) Конечно, все меню — это компонент реакции, который имеет карту сайта в качестве реквизита. pages/index.js..
Изоморфное веб-приложение на React с NodeJS, Express, Redux и Webpack
Итак ... Долгое время я был большим поклонником Angular. Однако примерно в 2015 году, когда мы решили переписать наш веб-стек, React вышел на первое место с небольшой системой показателей. В React мы хотели сделать несколько других вещей, которые могли бы помочь нам разработать структуру будущего, например, модули ES6, изоморфный рендеринг, модуляризация NPM, модули CSS и т. Д. Используя все полученные знания, я решил написать мини-приложение с именно тот ингредиент, который может служить..