А где можно развернуть приложение?

Dev server

И ещё, кто нибудь юзает debug на фронте?

а что в этом плохого?

кто-нибудь nginx настраивал на два аппликейноша?

а что в этом плохого?

Никто не говорит что это плохо, интерено как это готовить правильно

ну конечно, юзаю

А где можно развернуть приложение?

koa

А где можно развернуть приложение?

в интернете что ли?

Нет, всё равно что-то не так, ставится только dist. Что же я делаю не так? Кто-нибудь использует эту либу? https://github.com/react-tools/react-form

А как можно динаимчески title страницы менять?

А как можно динаимчески title страницы менять?

https://github.com/nfl/react-helmet

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

да

просто декларативное api, обертка над document.title

Ребят, я уже задавал вопрос выше: «есть такая задача: У меня есть массив сотрудников. Есть несколько видов сортировки: возьмем, к примеру, по отделу. Мне нужно, чтобы в итоге получился не просто список, а чтобы перед каждой группой сотрудников был подписан отдел. Мне для этого нужно массив превратить в объект массивов или как поступить?» Мне посоветовали сделать объект с отделами и хранить там ID работников. Но что, если мне нужно не только сортировать по отделам, но еще и по другим параметрам? Как быть? Не создавать же разные объекты? Например, я хочу таким же образом по именам и по должностям сортировать

Ребят, я уже задавал вопрос выше: «есть такая задача: У меня есть массив сотрудников. Есть несколько видов сортировки: возьмем, к примеру, по отделу. Мне нужно, чтобы в итоге получился не просто список, а чтобы перед каждой группой сотрудников был подписан отдел. Мне для этого нужно массив превратить в объект массивов или как поступить?» Мне посоветовали сделать объект с отделами и хранить там ID работников. Но что, если мне нужно не только сортировать по отделам, но еще и по другим параметрам? Как быть? Не создавать же разные объекты? Например, я хочу таким же образом по именам и по должностям сортировать

держать плоский список сотрудников со свойствами по которым нужно сортировать, держать активный ключ сортировки

всем привет, может кто делал такое, (уже выше писал) На сайте есть переключатель языков, при клике меняем "window.location.href = ?locale=${prefix}" добавляется префикс и соответственно страницу переводит, но вот беда, если кликнуть по любому другому элементу на станице url перезаписывается, как сделать что бы префикс в начале url остался и менять его только при выборе другого языка ?

всем привет, может кто делал такое, (уже выше писал) На сайте есть переключатель языков, при клике меняем "window.location.href = ?locale=${prefix}" добавляется префикс и соответственно страницу переводит, но вот беда, если кликнуть по любому другому элементу на станице url перезаписывается, как сделать что бы префикс в начале url остался и менять его только при выборе другого языка ?

у тебя ssr?

у тебя ssr?

нет

всем привет, может кто делал такое, (уже выше писал) На сайте есть переключатель языков, при клике меняем "window.location.href = ?locale=${prefix}" добавляется префикс и соответственно страницу переводит, но вот беда, если кликнуть по любому другому элементу на станице url перезаписывается, как сделать что бы префикс в начале url остался и менять его только при выборе другого языка ?

при заходе на урл ?locale= записывать его в localStorage

нет

при переходе по ссылке сохраняй язык в локалсторежж

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

?

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

отказываться не надо, надо сохранить возможность давать ссылку сразу на нужный язык

держать плоский список сотрудников со свойствами по которым нужно сортировать, держать активный ключ сортировки

Ну понятно. А как грамотно дальше? Преобразовать это в объект с ключами — названиями групп?

разве browserhistory не записывает url-ы в localStorage ?

Ну понятно. А как грамотно дальше? Преобразовать это в объект с ключами — названиями групп?

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

Ну понятно. А как грамотно дальше? Преобразовать это в объект с ключами — названиями групп?

_(users).groupBy(groupProperty).map((group, k)=>_.orderBy(group, [key],[direction])).value()

_(users).groupBy(groupProperty).map((group, k)=>_.orderBy(group, [key],[direction])).value()

Мне почему-то методы некоторые незнакомы, но суть я уловил ? спасибо

Мне почему-то методы некоторые незнакомы, но суть я уловил ? спасибо

https://lodash.com/docs/4.17.5

Ребят, всем привет. Кто-нибудь мог бы помочь react на express поднять? Настроил webpackс babel, но "льются" ошибки(

@webpack_ru @nodejs_ru

@webpack_ru @nodejs_ru

Спасибо

@javascript_jobs

Я там забанен

не повод сюда писать

чуваки никто не сталкивался с такой проблемой у меня на одном сервере висят два приложения: site/ и site/foo в nginx прописаны разные root для / и /foo в сафари все нормально работает, а в хроме почему-то при обращении к /foo оно обрабатывается первым приложением и его перехватывает react-router

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

но хром что-то кэшит или я не понимаю

там было правило для роута

exact

вроде, чтоб брать точное совпадение

<Route exact path="/" component={Home} />

ну по идее он вообще не должен доходить до реакт роутера и брать индекс из другой папки

Гайз, которые пользуют Flow, а вы типы рядом храните или в тех же файлах?

Гайз, которые пользуют Flow, а вы типы рядом храните или в тех же файлах?

@flowtype_ru

@flowtype_ru

хорошо-хорошо...

Ребят, помогите, плиз... нифига не понимаю ? В стейте храню массив JSON обектов, чтобы отрисовывать их в таблице.... отрисовывается, но вот беда: Описал редьюсер удаления элемента. Применяю его - объект удаляется. Вот только в таблице удаляется последний элемент,а не выбранный.... Хотя стор правильный, вроде. Получается, что после действия стейт меняется, но удаленные данные из стейта все равно отрисовываются, а пропадают те, которые должны быть

Ребят, помогите, плиз... нифига не понимаю ? В стейте храню массив JSON обектов, чтобы отрисовывать их в таблице.... отрисовывается, но вот беда: Описал редьюсер удаления элемента. Применяю его - объект удаляется. Вот только в таблице удаляется последний элемент,а не выбранный.... Хотя стор правильный, вроде. Получается, что после действия стейт меняется, но удаленные данные из стейта все равно отрисовываются, а пропадают те, которые должны быть

key проверь

а точнее?

ну покажи как задаешь

Код покажи и мы расскажем

иерархия такая: `<Provider store={store}> <App/> </Provider>` `return ( <Table responsive> <TableHeads columns={columns}/> <TableBody/> </Table> );` ` return ( <tbody> {items.map((row, index) => <TableRow key={index} index={index} row={row}/> )} </tbody> );` `return ( <tr> {this.columns.map(key => <td ref={key} key={key}>{this.row[key]}</td> )} <td> <ButtonGroup vertical> <input type={'button'} className={'btn btn-primary'} ref={'editSaveAction'} onClick={this.editSaveRow.bind(this)} value={EDIT_LABEL} /> <Button bsStyle="danger" onClick={this.deleteRow.bind(this)}>Delete</Button> </ButtonGroup> </td> </tr> );`

иерархия такая: `<Provider store={store}> <App/> </Provider>` `return ( <Table responsive> <TableHeads columns={columns}/> <TableBody/> </Table> );` ` return ( <tbody> {items.map((row, index) => <TableRow key={index} index={index} row={row}/> )} </tbody> );` `return ( <tr> {this.columns.map(key => <td ref={key} key={key}>{this.row[key]}</td> )} <td> <ButtonGroup vertical> <input type={'button'} className={'btn btn-primary'} ref={'editSaveAction'} onClick={this.editSaveRow.bind(this)} value={EDIT_LABEL} /> <Button bsStyle="danger" onClick={this.deleteRow.bind(this)}>Delete</Button> </ButtonGroup> </td> </tr> );`

сделай id у каждого объекта уникальный (строкой) и задавай как key

key={index} bad practice

а как лучше?

я написал

спс, ща попробую

все еще что-то не так

key={index} bad practice

теперь key={`TableRow_${index}`}

теперь key={`TableRow_${index}`}

имелось в виду развязать index и key

key={row.id} типа того?

А скажите пожалуйста, почему убили link state? Слишком магично? В больших формах как правильно делать? Писать свой линкстейт, юзать либы, или вешать на каждое поле свой хэндлер?

key={row.id} типа того?

вообще уникальный сделай

key={row.id} типа того?

типа того, но чтобы id был уникальный как у сущности

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

где почитать?

где почитать?

https://reactjs.org/docs/lists-and-keys.html

где почитать?

https://reactjs.org/docs/lists-and-keys.html

Спасибо, ребят!))

у всех не пашет вк ?

свалил с вк в телегу, чтобы везде видеть посты, что вк не пашет...

у всех не пашет вк ?

работай, солнце еще высоко

поставил cra в надежде потестить новый контекст апи, но тут 16.2, а там как я понял 16.3_альфа, вот эта альфа меня настораживает

обновлятся до нее?

посоны. я вспышку проебал ? что за новый контекст

ну он позволит избежать редакса во многих проектах)

есть такое

ну он позволит избежать редакса во многих проектах)

ну так провайдер реакт ридакс юзает контекст

это правда

а что изменилось. Что за новый контекст и смысл ?

от стейт менеджера то не избавиться

Подскажите позязя. Я делаю SSR. Стили вывожу прямо после компонентов в нем. А потом — hidrate. И как следствие того что в SSR стили впихнуты а в клиентский рендеринг — нет …  > client-0f78a01dc1d6cda161d1.bundle.js:12453 Warning: Expected server HTML to contain a matching <header> in <div>. Я правильно понимаю что всем компонентам надо теперь руками key добавить где его нету? Это вообще решается как то?

Подскажите позязя. Я делаю SSR. Стили вывожу прямо после компонентов в нем. А потом — hidrate. И как следствие того что в SSR стили впихнуты а в клиентский рендеринг — нет …  > client-0f78a01dc1d6cda161d1.bundle.js:12453 Warning: Expected server HTML to contain a matching <header> in <div>. Я правильно понимаю что всем компонентам надо теперь руками key добавить где его нету? Это вообще решается как то?

какой css у тебя?

Подскажите позязя. Я делаю SSR. Стили вывожу прямо после компонентов в нем. А потом — hidrate. И как следствие того что в SSR стили впихнуты а в клиентский рендеринг — нет …  > client-0f78a01dc1d6cda161d1.bundle.js:12453 Warning: Expected server HTML to contain a matching <header> in <div>. Я правильно понимаю что всем компонентам надо теперь руками key добавить где его нету? Это вообще решается как то?

может у тебя какие-то зависимости от window в рендеринге?

Такое вроде бывает, когда результат ssr отличается от рендера на клиенте

Такое вроде бывает, когда результат ssr отличается от рендера на клиенте

+

а что изменилось. Что за новый контекст и смысл ?

теперь будет попроще им пользоваться, вот тут пример https://www.youtube.com/watch?v=219L5lN3fpk

Парни, всем привет! Был ли у кого нибудь случай когда отправленные пользовательские данные вставали перед # в адресной строке?

Что может привести к такому поведению?

Юзаем React Router 2

Парни, всем привет! Был ли у кого нибудь случай когда отправленные пользовательские данные вставали перед # в адресной строке?

у сабмитнутой формы не сделан preventDefault ?

нет, всё нормально

Подскажите позязя. Я делаю SSR. Стили вывожу прямо после компонентов в нем. А потом — hidrate. И как следствие того что в SSR стили впихнуты а в клиентский рендеринг — нет …  > client-0f78a01dc1d6cda161d1.bundle.js:12453 Warning: Expected server HTML to contain a matching <header> in <div>. Я правильно понимаю что всем компонентам надо теперь руками key добавить где его нету? Это вообще решается как то?

так что?

видео есть ?