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

о, тк конф

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

Дело в том, что в качестве движка у express использую express-react-views, это типо jade только вся разметка в виде компонентов react. Короче нету чистой html разметки вообще ?

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

https://github.com/reactjs/express-react-views/blob/master/examples/dynamic/views/Html.js

да, только это работает для тегов div или sctipt

а вот как вставить внуть тега head с помощью dangerouslySetInnerHTML и при этом не затереть другие вложенные теги в head?

пока нашел https://nemisj.com/conditional-ie-comments-in-react-js/

но у меня ругается на dangerouslySetInnerHTML в теге meta

Спасибо тебе господи, что на бекенде у меня php. 10 лет работает, никаких проблем.

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

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

? ладно, покопаю еще, может что найду, отпишусь тогда, спасибо

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

Как такое упоминание юзера сделать?

собака имя @riseremi

у него просто ника нет

Аа

Понял, спасибо

Опять эта статья??? Нееееет!

Check out @elpapapollo's Tweet: https://twitter.com/elpapapollo/status/784486094783918080?s=09

Эта лучше) https://medium.com/@kitze/how-it-actually-feels-to-write-javascript-in-2016-46b5dda17bb5#.336rxdje0

кстати, этот реакт-криэйт-апп никак не хочет ставиться глобально

ругается непонятно на что

Ок

вот Bastard

Зима скоро, а он не ставиться

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

Кек, ошибку такую не встречал, но выглядит будто реально удалили

как они могли

Этот лучше

однозначно

народ, вот такой вопрос, кто как делает фильтры. Вот есть бинарные опции, например, only new\all. В этом случае можно выбирать с помощью чекбокса, будет только один чекбокс с лейблом - only new. А что, если еще надо выбрать only old? И тогда получается тернарный выбор. В этом случае чекбоксом уже не обойдешься вроде, а для селекта три опции - маловато. Я вот пока делаю два чекбокса, но без only: new + old , т.е. когда оба чекбокса сняты, ничего не будет показано, когда оба checked, показывается весь список без фильтра. Соответственно по умолчанию оба чекбокса checked. Как это вообще лучше сделать? А то как-то коряво кажется.

мы селектом делаем

или дропдауном)

`<input type="radio" name="choice" value="all" />All <input type="radio" name="choice" value="New" />New <input type="radio" name="choice" value="Old" />Old Или три состояния checkbox - которое разруливается js. Пустой чекбокс, чекбокс с состоянием 1 - квадрат в чекбоксе и состояние 2 - галка в чекбоксе.

кстати http://jsfiddle.net/gx7so2tq/2/

ага, спасибо

Я вот щаз тупой вопрос задам, но очень надо. Вот я делаю var tempData = loadDataFromServerAndReturn(‘/url’); При этом: export function loadDataFromServerAndReturn(url) { showSpinner(); $.ajax({ url: url, dataType: 'json', cache: false, success: function (data) { hideSpinner(); return(data); }.bind(this), error: function (xhr, status, err) { console.error(url, status, err.toString()); hideSpinner(); switch (err.toString) { case 'Forbidden': showMessage('fail', "Please login first"); break; default: showMessage('fail', "Error getting data from server", "Please reload the page and try again."); } }.bind(this) }); } почему я успеваю увидеть tempData как undefined? По идее же все var в JavaScript инициализируются первыми всегда? Как это правильно сделать?

потому что tempData = результат выполнения функции. а он пустой.

а как правильно сделать = в 2к16 делают так: let data = await fetch(url).then(r => r.json())

Круто вообще, респект

r => r.json() - можно это пояснить?

я так понимаю, это лямбда, и у возвращаемого объекта вызывается метод json. Он там тоже появляется в 2к16?

не билдится с await…

я так понимаю, это лямбда, и у возвращаемого объекта вызывается метод json. Он там тоже появляется в 2к16?

появляется, потому что fetch возвращает такой объект

не билдится с await…

надо 1) настроить babel 2) функция, где это вызывается, должна быть async

появляется, потому что fetch возвращает такой объект

ага, понял

надо 1) настроить babel 2) функция, где это вызывается, должна быть async

супер

вопрос чтобы два раза не вставать. Вот есть компонент, которому нужны данные только на время его, компонента, существования. Это нормально инкапсулировать процесс получения состояния внутри этого самого компонента?

надо 1) настроить babel 2) функция, где это вызывается, должна быть async

блин, не пашет. Установил, добавил в .babelrc { "presets": ["es2015"], "plugins": ["transform-async-to-generator"] }, добавил в package.json "babel-plugin-transform-async-to-generator": "^6.5.0", (хотя это на собственно билд не должно влиять) - все равно не распознает await. Что не так может быть?

не распознает await в смысле не дает его скомплиировать?

да

вебсторм не понимает его + webpack —watch не компилит

блин, не пашет. Установил, добавил в .babelrc { "presets": ["es2015"], "plugins": ["transform-async-to-generator"] }, добавил в package.json "babel-plugin-transform-async-to-generator": "^6.5.0", (хотя это на собственно билд не должно влиять) - все равно не распознает await. Что не так может быть?

stage-2 + transform-runtime

ага

<fox_mulder_cp> fedcomp: hahaha <fox_mulder_cp> reactjs - full frontend framework. but it has router and redux store, if u need it

Не уверен что я его понял

друзья, а кто-нибудь пользуется https://getstorybook.io/ ? когда вообще есть смысл это использовать?

друзья, а кто-нибудь пользуется https://getstorybook.io/ ? когда вообще есть смысл это использовать?

Я пользовался, удобно. Описываешь различные состояния, смотришь как компоненты ведут себя в различных состояниях. Из плюсов – каждый состояние – отдельный iframe со своим окружением, то есть полная изоляция. Прост в установке, достаточно твоего вебпак конфига.

@isuvorov Заморочился и дописал его, можешь подробнее у него узнать.

@immuzov так а это только для "визуального" тестирования реального рендеринга изолированных компонентов?

Да.

Я использовал для того чтобы быстрее пилить компоненты. То есть ты наглядно видишь текущий рендер и по моим ощущениям делаешь меньше ошибок. То есть у тебя есть инструмент который дает тебе возможность обхватывать больше различных состояний для компонент => тем самым проверяешь больше различных кейсов.

ага, тогда более-менее понятно, спасибо! а потом это дело, насколько я понял, можно через gemini прогнать и протестировать реальный вывод автоматически?

Я использовал для того чтобы быстрее пилить компоненты. То есть ты наглядно видишь текущий рендер и по моим ощущениям делаешь меньше ошибок. То есть у тебя есть инструмент который дает тебе возможность обхватывать больше различных состояний для компонент => тем самым проверяешь больше различных кейсов.

Не придумали еще автоматическое генерирование кофигов для компонента?)

ага, тогда более-менее понятно, спасибо! а потом это дело, насколько я понял, можно через gemini прогнать и протестировать реальный вывод автоматически?

Честно, не знаю. Смотри, у тебя есть реальный компонент, и рядом пишешь story (варианты рендера компонента, то есть прокидываешь пропсы, и все). Это никак не влияет на gemini.

Не придумали еще автоматическое генерирование кофигов для компонента?)

Не-а :) А как их придумать то?

Я перестал им пользоваться пару месяцев назад, сейчас на knockout большую часть времени.

Не-а :) А как их придумать то?

Как у картебланш, все просто и не нужно самому создавать и описывать в отдельных файлах

Как у картебланш, все просто и не нужно самому создавать и описывать в отдельных файлах

Не знаю что это, скинь ссылку.

у меня есть компонент, я у него через enzyme беру props, state = вот и все тестирование

Не знаю что это, скинь ссылку.

https://github.com/carteb/carte-blanche

https://github.com/carteb/carte-blanche

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

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

Ребят, как можно убедить PM поменять knockout на react? Я просто поработал с knockout и понял что профита мало :D Но все же...

Ребят, как можно убедить PM поменять knockout на react? Я просто поработал с knockout и понял что профита мало :D Но все же...

Да можно зайти в репозиторий и все станет понятно

Да можно зайти в репозиторий и все станет понятно

Да, это как первый аргумент, этого мало.

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

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

Этого я добился уже с тем что создал удобный сборщик для однотипных проектов. Нокаут, реакт, не важно, скорость разработки возможно будет одинаковая.

Этого я добился уже с тем что создал удобный сборщик для однотипных проектов. Нокаут, реакт, не важно, скорость разработки возможно будет одинаковая.

Ну вот не надо было это делать) или сделать только для реакта

Этого я добился уже с тем что создал удобный сборщик для однотипных проектов. Нокаут, реакт, не важно, скорость разработки возможно будет одинаковая.

И в чем заключается сборщик?

И в чем заключается сборщик?

Сорян, NDA :DDD

Ничего сверхестественного, просто автоматизация действий, ускорение разработки (переиспользуемый код, правильно настроенное dev окружение).

Ну такое уже сделали, называется gulp

Ну, мне нужен резолвер, поэтому webpack.