@Dzambato тебе точно нужен ssr?

@Dzambato тебе точно нужен ssr?

Для практики хотелось попробовать

Ладно парни спасибо буду искать.

Если только ты не про апи

Атон не уточняет изоморфное ему надо или апи

единственное в чём пригодился reactdomserver — это отрендерить статичную верстку при билде, для лоадера с анимацией

Атон не уточняет изоморфное ему надо или апи

У него в вопросе был экспресс

Поэтому изоморфное

У него в вопросе был экспресс

Перечитал вопрос и не нашёл там экспресс, но не буду спорить, окей

Да вот хотелось на JS но пока искал решение, наткнулся на вопросы в плане подружить реакт роутер и експресс

Перечитал вопрос и не нашёл там экспресс, но не буду спорить, окей

Вот

Вот

Окей :) Я ворвался не прочитав ещё 100 сообщений выше, ты прав - я не прав, пойду дальше заниматься своей херней

У redux-form какое-то странное api. Почему нельзя передавать в компонент функцию field: function MyForm({field, handleSubmit}) { return ( <form onSubmit={handleSubmit}> <input type="text" {...field('username')} /> <button type="submit">OK</button> </from> ); }

Зачем нужно городить целый компонент Field?

То есть теперь все мои формы будут гвоздями прибиты к redux-form.

Сижу пол дня с проблемой. Была сборка установленная и рабочая. Копирую в соседнюю папку, выполняю npm install и получаю ошибку: Warning: Failed context type: The context `router is marked as required in Link, but its value is undefined.`

Попробуй rm -rf node_modules && npm install

после этого и началось

все это

У redux-form какое-то странное api. Почему нельзя передавать в компонент функцию field: function MyForm({field, handleSubmit}) { return ( <form onSubmit={handleSubmit}> <input type="text" {...field('username')} /> <button type="submit">OK</button> </from> ); }

в прошлых версиях так и было, без Field и я был счастлив, сейчас почти перешел в react-formal там всё прозрачно и понятно

@Razzwan а какая версия react-router ?

Попробуй rm -rf node_modules && npm install

после того, как сделал npm-check и обновил все пакеты - заработало

гуд

надо взять в привычку обновлять пакеты)

а то после долгой паузы бывает больно

а то после долгой паузы бывает больно

обидно, что я не сразу это понял, и потратил пол дня на поиски проблемы в своем коде (

а то после долгой паузы бывает больно

нашел причину - это пакет react-router-dom во всем виноват. Или не использовать. Или обновлять необходимо. Старая версия перестала работать

почему он не подключен прямо в файле, который подключаешь, я хз

Ты же отправил PR, как хороший мальчик?

Посдкажите, как правильно пределять, нужны ли в проекте определенные babel-loader’s или нет. В примере (в документации к webpack-2) устанавливают babel-loader, babel-preset-react, babel-preset-es2015, babel-preset-stage-2, по первым двум пунктам вопросов нет. А вот что на счет stage-2 и es2015? Кое где видел es2015-native-module где-то еще что. Как в этом всем разобраться? Какие лоадеры используете вы и почему?

Ты же отправил PR, как хороший мальчик?

Не

Посдкажите, как правильно пределять, нужны ли в проекте определенные babel-loader’s или нет. В примере (в документации к webpack-2) устанавливают babel-loader, babel-preset-react, babel-preset-es2015, babel-preset-stage-2, по первым двум пунктам вопросов нет. А вот что на счет stage-2 и es2015? Кое где видел es2015-native-module где-то еще что. Как в этом всем разобраться? Какие лоадеры используете вы и почему?

Ты путаешь пресеты babel-а и лоадеры вебпака

https://webpack.js.org/concepts/loaders/

Лоадеры

http://babeljs.io/docs/faq/#help-i-just-want-to-use-babel-like-it-was-in-5-x-everything-is-too-complicated-now-

Пресеты примерно отсюда

Точнее отсюда http://babeljs.io/blog/2015/10/31/setting-up-babel-6

Точнее отсюда http://babeljs.io/blog/2015/10/31/setting-up-babel-6

Окей, оговорился на самом деле. Вот по твоей ссылке написано: React also has it’s own preset: // тут как устноавить и подключить babel-preset-react А дальше: This is also what the stage option has been replaced with: // Как установить и т.п. Не могу понять, вместо preset-react можно использовать stage-2? Просто у меня перевести коррекно не получается, а переводчик дичь выдает.

Не

В бейбел5 не было плагинов

Там была настройка stage

Теперь её убрали и она через пресет сделана

Хочешь stage-2 — ставь пресет

А стейджи это

Про srage читал, знаю)

Спасибо большое)

https://github.com/hemanth/es-next

Да

А кто-нибудь fiber тестировал на своих проектах, но только на сложно анимации?

Ребят, только начал изучать react-redux и возникла проблема что в stor редуктор записал новое состояние а в компонент connect не пробросил новые пропсы. Заметил что если переписать в редукторе из Map на Array то все ок. Типа такого.

case 'ADD_NOTIFICATION': return notifications.set(action.notification.id, action.notification) break

и еще вопрос, react-redux-devtools не понимаю Map ? логгер показывает что нифига не записало хотя з консоли $r.store.getState() все ок - есть

Ребят, только начал изучать react-redux и возникла проблема что в stor редуктор записал новое состояние а в компонент connect не пробросил новые пропсы. Заметил что если переписать в редукторе из Map на Array то все ок. Типа такого.

break там не нужен, у тебя же там return, но это так, к делу не относится

но ты что-то не так делаешь, откуда у тебя приходит notifications?

но ты что-то не так делаешь, откуда у тебя приходит notifications?

Вообще по апи, но в бд пусто то я сам диспатчу из componentDidMount this.props.addNotification({id: 1, message: 'Hello!!!'})

export function notifications(notifications = new Map, action) { switch (action.type) { case 'ADD_NOTIFICATION': return notifications.set(action.notification.id, action.notification) break default: return notifications break } } и такой стор import { createStore } from 'redux' import rootReduser from '../reducers' const defaultState = { notifications: new Map } const store = createStore( rootReduser, defaultState, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ) export default store такой connect const mapStateToProps = ({ notifications }) => ({ notifications }) const mapDispachToProps = dispatch => bindActionCreators(actions, dispatch) @connect(mapStateToProps, mapDispachToProps) Если Map в Array переписать то работает :(

Гист есть для большого количества кода

Гист есть для большого количества кода

ок, буду знать

Поставь редакс-логгер

Там все видно

И зачем тебе Map кстати?

Чем обычные объекты не угодили?

И зачем тебе Map кстати?

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

%)

ERROR: S client not available

Ну в целом да, согласен

Короче, поставь редакс-логгер

Поймешь, где проёб

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

Redux то все равно, это может быть и Immutable Map или List

А я понял где косяк

export function notifications(notifications = new Map, action) {

function reducer(state, action) {}

Ты пытаешься сделать state.set(action.notification.id, action.notification)

Надо state.notifications.set(action.notification.id, action.notification)

Это во-первых

Во-вторых, у меня вопрос

Редаксу надо возвращать новый стейт, а ты ему возвращаешь результат вызова state.notifications.set()

Но я не пробовал

Но проверь это

я сделал по старинке: _.pick(raw, ['foo', 'num'])

Нормальное решение.

Там какая-то дичь твориться

попробуй не мутировать prevState

Короче, поставь редакс-логгер

redux-devtools же

Кто-то решал такую проблему: у нас есть статическая генерация на сайте. И при статической генерации в html разметку попадает контент. Но файл js все равно нужен. И в нем повторно содержится вся информация о контенте (то, что уже и так есть в разметке html) Как заставить webpack и react работать так, чтоб информация качалась пользователем лишь один раз (только в файле html и не содержалась в js файле)?

т.е. нужен такой скрипт, который после загрузки html перед тем как отработает javascript добавил все данные из html в initialStates

Я знаю о решении заполнять данные из переменной window.__SOME_VARIABLE__ но это, по сути, все равно дублирование данных

Проблема это потому, что данных начальных много. Согласитесь, файл размером в 1mb грузиться заметно приятнее, чем файл размером 2mb.

Возможно, я просто чего-то не понимаю, и проблемы этой не существует, если все сделать правильно?

А на кой хрен она дублируется?

Подкиньте пожалуйста конфиг с нормальной минификацией реакта для продакшн, а то у меня чет какая дичь получается и проект после минификации вести 1 метр, или это норм? O_o

Подкиньте пожалуйста конфиг с нормальной минификацией реакта для продакшн, а то у меня чет какая дичь получается и проект после минификации вести 1 метр, или это норм? O_o

гзип до ~200 ужмeт

гзип до ~200 ужмeт

а, ну ок в принципе)

Подкиньте пожалуйста конфиг с нормальной минификацией реакта для продакшн, а то у меня чет какая дичь получается и проект после минификации вести 1 метр, или это норм? O_o

create-react-app

create-react-app

ох лол, как же я разу не догадался там посмотреть :D