на jsx ругалось

и всё

я не думаю что это должно вас волновать)

спасибо

Всем привет

Хочу писать изоморфный код; собирать клиентские бандлы, при этом не бандлить сервер, сохранив файловую структуру. Использовать на сервере хочу 14 ноду и некоторые Babel-полифилы для новых фич

Как сейчас модно настраивать сборку TS + React (SSR), если я использую только современную ноду?

а может он htm юзает, а не jsx.

(5 + 7) @asgolovanov, пожалуйста, отправьте решение указанной арифметической задачи в этот чат в течение указанного времени, иначе вы будете кикнуты. Спасибо! (60 сек)
Powered by Todorant

ты можешь просто клиент собирать под сервер и под браузер. То есть будет 2 точки входа:
- одна с BrowserRouter, Redux с подгрузкой данных, пришедших с сервера
- а вторая точка входа - это StaticRouter и все такое
А на сервере ты просто делаешь require/import этой собранной части и все

Вот пример, построенный по такому принципу https://github.com/ym-project/react-ssr-example

если надо будет с loadable components и прочими штуками, то могу потом скинуть и его (там мудреней все)

Господа, про внутренности вебпака и написание плюгинов и лоадеров нубские вопросы тут можно позадавать?

задавай

будь готов, что если что-то сложней стандартных вопросов, то скорей всего придется лезть в исходники)

Всем привет! Я закончил работу над первой версией своего проекта Rockpack

Он позволяет создавать каркас React приложения в стиле create-react-app.

Основная идея - сократить время настройки проекта с недель до 5 минут.

Состоит из модулей для сборки (под капотом вебпак, лучшие парктики, модули, поддержка разных форматов файлов и прочее), настроенный Jest, Eslint с набором лучших правил и т.д.

Главным отличием от create-react-app это поддержка разных типов приложений:
- Обычное Single Page приложение
- Server-Side Render
- Server-Side Render + Redux + Sagas+ React-Router + структура проекта
- UMD библиотека или React Component
- Nodejs приложение
Обновление и дополнение webpack.config без "eject".
LESS/CSS/SCSS Modules
TS или Babel на выбор.

Надеюсь это будет полезно в вашей работе. Пожалуйста, оцените.

https://github.com/AlexSergey/rockpack

++ отличная идея

собирайте отдельный чат по продукту и точите чтобы всем пользователям было по кайфу

пару примеров запуска для новичков накидайте по шагам

принуип расширения конфига как в vue-cli ?

честно говоря не смотрел на vue-cli. Идея в Rockpack это быстро сгенерировать проект с лучшими практиками и т.д. для разных типов приложений, чтобы сократить время на рутинные действия и присутпить к написанию кода. Так как модули компиляции (то есть webpack) и например codestyle (ESLint + rules) - отдельно прописаны в package.json их можно в последствии без болезненно обновить (без eject, как в create-react-app) так же webpack config можно расширить без eject, пример:

const { frontendCompiler } = require('@rockpack/compiler');
const WebpackNotifierPlugin = require('webpack-notifier');

frontendCompiler({
 banner: true,
 styles: 'style.css',
 vendor: ['react', 'react-dom', 'core-js']
}, (config, modules, plugins) => {
 config.resolve.extensions = ['.js', '.elm'];

 modules.set('elm', {
   test: /\.elm$/,
   exclude: [/elm-stuff/, /node_modules/],
   use: process.env.NODE_ENV === 'development' ? [
     { loader: 'elm-hot-webpack-loader' },
     {
       loader: 'elm-webpack-loader',
       options: {
         forceWatch: true
       }
     }
   ] : [
     {
       loader: 'elm-webpack-loader',
       options: {
         optimize: true
       }
     }
   ]
 });

 plugins.set('WebpackNotifierPlugin', new WebpackNotifierPlugin());
});

Если интересно, посмотрите ридми на гитхабе, я постарался там все описать. Даже сделал Русскую версию, для удобства

Буду признателен если мой труд оцените звездочкой на гитхабе