Почему webpack переименовывает классы scss?

Точно, спасибо)

Почему webpack переименовывает классы scss?

sim3x,

// style.scss
.header {
  padding: 3px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px,
              rgba(0, 0, 0, 0.23) 0px 3px 10px;
  h1 {
    margin: 0;
    text-align: center;
  }

}

// app.css

.style-scss {
  padding: 3px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px; }
  .style-scss h1 {
    margin: 0;
    text-align: center; }
...

Нужен ли вообще этот server side rendering?

Андрей Хохлов, Статей хватает таких как поднять реакт с вебпаком или TodoList...
запрещалка работает с react 16? а то у меня сейчас с ней опять ReferenceError: window is not defined

Нужен ли вообще этот server side rendering?

Сейчас у меня на странице есть сайдбар в котором много данных и есть карта... как вывести через SSR только сайдбар? Как выбирать что выводить через SSR, а что нет, если должен быть одинаковый стейт на клиенте и сервере?

Как сделать render карты через server side rendering React?

Ваге, а что делать с MarkerClusterGroup?

Принять json на клиенте с сервера nodejs / express?

davidnum95, почему у меня этот json сейчас просто выводится на странице?

Принять json на клиенте с сервера nodejs / express?

Я смогу после этого послать данные?

app.use(cors());
app.use(publicPath);

app.use('/', handleRender);

Почему компонент съедает div элемент, React?

Сергей Андреев,
Вот мой server.js

...

const app = express();

function handleRender(req, res) {

	let preloadedState = {}
	const store = createStore(rootReducer, preloadedState);
	const html = renderToString(
		<Provider store={store}>
			<div className="main-container clearfix">
				<Main/>
			</div>
		</Provider>
	);


	const finalState = store.getState();

	res.send(renderFullPage(html, finalState))

}

app.use('/assets', express.static('./src/assets'));
app.use('/dist', express.static('./dist'));
app.use(handleRender);


const port = 3008;
app.listen(port);
console.log(`Listening on port ${port}`);

использую

"react": "^16.0.0",
"redux": "^3.7.2",
"express": "^4.16.2",

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

Почему компонент съедает div элемент, React?

Проблема только при Server Side Rendering

Почему компонент съедает div элемент, React?

<div className="header hgg" onClick={this.handleClick}>

этот див не выводиться во втором случае... если не обгорнуть h1 еще одним дивом

Как отсортировать массив, если часть значений - undefined?

Не работает.

Как запускать event, когда страница на клиенте загрузилась, nodejs/express?

Тут у вас что-то пошло не так. Он и должен запускаться не позже http сервероа, который отдал вам эту страницу.

Пока у меня нет никакого сервера, который бы отдавал страницу только клиент и сокет.
Но спасибо за ответ, немного прояснило.

Как запускать event, когда страница на клиенте загрузилась, nodejs/express?

Ди Ма,

А на странице, после события load, нужно запускать клиент,

и как такое сделать на react/redux?
Насколько понимаю подключения вебсокета должно быть в главном компоненте который уже рендериться на страницу ?! и там я не могу вызвать componentDidMount.

Как принять данные с другого ресурса на nodejs/express?

Спасибо! Но сейчас остановился на том, что данные принимаю но выводятся только в консоли. Почему-то функция не возвращает респонс если ее вызывать.

var request = require('request');

function dataLoad() {
	var data;
	return request('http://fake-url.com/param=param', function (error, response, body) {
		return body
	});
}

exports.func = dataLoad;