Денис, кинь пруф, где они об этом писали)

Мы используем Component

Вместо React.Component

алсо, в FB вообще юзают React.createClass

Меньше когнитивной нагрузки - разве не ради этого был переход от ES5 к ES6?

алсо, в FB вообще юзают React.createClass

Понабрали себе команду по объявлениям в газете :)

:D

Денис, кинь пруф, где они об этом писали)

Где-то в issues. Речь даже была не про Component, а про import { render } from 'react-dom' vs ReactDOM.render — что если такими destructuring импортами всё усеять, то простые инструменты вроде грепа перестанут помогать разработчикам.

Привет всем! Поскажите, почему здесь не работает метод splice(): http://codepen.io/azat-io/pen/Vaxyjv

Привет всем! Поскажите, почему здесь не работает метод splice(): http://codepen.io/azat-io/pen/Vaxyjv

this.props мутировать (изменять) нельзя. И setState не стоит вызывать без параметров — вот как раз с помощью него и должно происходить удаление https://facebook.github.io/react/docs/component-api.html#setstate

Хорошо, поковыряюсь

Ребят, как там жизнь без редакса? С последнего проекта так устали описывать множество кода на добавление, редактирование, удаление, что смотрим в другие стороны. Кто чем заменяет редакс или какими тулзами упрощаете это все действие? Под тулзами я имею ввиду что-то типа https://github.com/calvinfroedge/redux-modifiers

Ребят, как там жизнь без редакса? С последнего проекта так устали описывать множество кода на добавление, редактирование, удаление, что смотрим в другие стороны. Кто чем заменяет редакс или какими тулзами упрощаете это все действие? Под тулзами я имею ввиду что-то типа https://github.com/calvinfroedge/redux-modifiers

хочу попробовать сагу (redux-saga)

С ним меньше кода выходит? Надо потрогать. Просто читаю про ангуляр 2 (имел много опыта с первым), выглядит неплохо. Но осознаю, что самое слабое место реакта это именно redux. Если убрать эту писанину киллометра кода, то будет также хорошо как в ng2

С ним меньше кода выходит? Надо потрогать. Просто читаю про ангуляр 2 (имел много опыта с первым), выглядит неплохо. Но осознаю, что самое слабое место реакта это именно redux. Если убрать эту писанину киллометра кода, то будет также хорошо как в ng2

https://github.com/yelouafi/redux-saga зацени

С ним меньше кода выходит? Надо потрогать. Просто читаю про ангуляр 2 (имел много опыта с первым), выглядит неплохо. Но осознаю, что самое слабое место реакта это именно redux. Если убрать эту писанину киллометра кода, то будет также хорошо как в ng2

У меня один сложный апп на vanilla react, с valuelink/курсорами, полёт нормальный. А redux-saga концептуально не сильно далеко ушёл от redux-thunk, хотя конечно приятен. Плюс redux-saga не в удобном CRUD, а в повышении качества асинхронного кода — так что @anorudes, боюсь тебе он в твоей ситуации не поможет ?

Спасибо, все равно надо посмотреть, не отставать за развитием )

Ребят, как там жизнь без редакса? С последнего проекта так устали описывать множество кода на добавление, редактирование, удаление, что смотрим в другие стороны. Кто чем заменяет редакс или какими тулзами упрощаете это все действие? Под тулзами я имею ввиду что-то типа https://github.com/calvinfroedge/redux-modifiers

redux-modifiers выглядит как шаг в правильное направление. Высокоуровневая абстракция, чтобы не повторять по 10 раз одно и то же.

Привет всем! Поскажите, почему здесь не работает метод splice(): http://codepen.io/azat-io/pen/Vaxyjv

Еще актуально?

@anorudes @lendarel кстати, еще видел https://github.com/sskyy/redux-task … Но не пробовал :)

@r3nya Спасибо, интересное решение. Может кто еще что напишет) 

@anorudes если будешь пробовать – напиши фидбек какой-нибудь что ли :)

Привет всем! Поскажите, почему здесь не работает метод splice(): http://codepen.io/azat-io/pen/Vaxyjv

http://codepen.io/immuzov/pen/dMedPW?editors=0011

{this.props.website ? <a href="https://{this.props.website}"><li>Website</li></a> : null} как сделать чтоб в href вставлялась ссылка?

href={'https://' + this.props.website}

нет

оно просто пихает this.props.website в html текстом

и так, и в первом случае

Кинь код полностью.

весь?

Ты кавычки удалил?

какие?

Мне кажется ты меня обманываешь.

возле https не трогал

href={'https://' + this.props.website} попробуй этот вариант, он работает.

но ты уже такой предлагал

Ты не обрамляешь href в " ?

()

website ? (<a ...

В скобки обрами то что ты в тернарном операторе делаешь в первом значении.

no luck)))

no luck)))

?

не работает

Да как так))

Может у тебя не сбилдилось?

может лайврелоад отвалился. Нажми ctrl + r И тут тоже надо юзать ${test}

и ссылка должна быть внутри <li>, а не <ul>

ох лол :D

Я думаю это прост для тестов пока так стоит.

variable ? <a href=></a> : null - нет смысла так писать

можно писать просто variable && <a href=></a>

@anorudes О, кстати, вопросик можно?

ага, а какой?

ага, а какой?

<someComponent onClick={this.someFunc.bind(this, someArg)}>

Можно ли как-то избавиться от биндинга в рендере при условии что нужен аргумент в функцию передать?

передать переменную в функцию?

передать переменную в функцию?

Я хочу биндить контекст в конструторе, а в рендере ссылку на функцию, this.someFunc. Пока вижу только вариант с замыканием, но это стремно.

Может у тебя не сбилдилось?

перезагрузил вебпак, перезагрузил в браузере, все норм с этим

перезагрузил вебпак, перезагрузил в браузере, все норм с этим

Идеи кончились, вариант с конкатенацией строк прекрасно работает.

Проблема в другом.

ну смотри, биндить можно в конструкторе. Например constructor(props) {    super(props);    this.onChangeFile = this.onChangeFile.bind(this);   } Можно делать автобинд прямо в классе handleClick = (event, variable) => {    } можно прямо в jsx <a href="" onClick={this.handleClick.bind(this, test)}

я импользую автобинд

я кстати до того, как вы написали и до того как я афкнулся сделал вот так: {(() => { if (this.props.website) { return <a href={this.props.website}><li>Website</li></a> } })()} и все равно ничего)))

ERROR: S client not available

пример с автобиндом

handleClick = (id) => {    }

<span onClick={event => this.handleClick(2)}>test</span>

если нужен евент

то так

handleClick = (event, id) => {    } <span onClick={event => this.handleClick(event, 2)}>test</span>

<span onClick={event => this.handleClick(2)}>test</span>

Вот это вроде как плохо, арроу функции каждый раз создаются.

быстро ты скопировал )

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

Потерял нить мысли.

а значение дак вообще можно передать дата атррибутами. Кто-то считает это норм

но не я)

можешь в скайпе добавить "void-anoru"

можешь в скайпе добавить "void-anoru"

done.

Кто хочет понять, чем реакт плох, вот great talk by the way

https://www.youtube.com/watch?v=NgwQHGqIMbw&feature=youtu.be

пофиксил

ну смотри, биндить можно в конструкторе. Например constructor(props) {    super(props);    this.onChangeFile = this.onChangeFile.bind(this);   } Можно делать автобинд прямо в классе handleClick = (event, variable) => {    } можно прямо в jsx <a href="" onClick={this.handleClick.bind(this, test)}

кстати по стайл гайду Airbnb они советуют хэндлеры вещать в коснстракторе а не в render: https://github.com/airbnb/javascript/tree/master/react

Скажите, а кто нибудь сталкивайся с задачей синхронизировать клиетскую и серверную сторону при первом рендере, вот краткое описание: изоморфное приложение, первый реквест всегда отрисовываеться на серверной стороне, при этом после загрузки приложение на клиенте тот же самый код будет по новой отображать уже отрисованную страницу, задача загрузить все Stores датой с сервера и поставить что какой флаг что то вроде initialedByServer, может кто знает о готовых решениях или принятых практиках для данной задачи?

https://www.youtube.com/watch?v=NgwQHGqIMbw&feature=youtu.be

Спасибо, хорошо мужик объясняет ) Для меня совсем не важно иметь возможность пошагово откатить UI на любой предыдущий шаг, в т.ч. чужого reusable компонента. А вот учить новый язык не всегда есть время.

Мне кажется, стоит обыграть componentDidMount

это событие никогда не сработает при черверном рендеринге (в виду отстуствия window и document)

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

Мне кажется, стоит обыграть componentDidMount

отменить рендеринг на сервере ни как нельзя, нам SEO важен

а я и не предлагаю)

я говорю о том, что компонент рендерится сервером

а в бразуере синициировать componentDidMout

*componentDidMount

или еще проще

рендерите страницу на сервере

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