То ли дело бекенд

бэкэнд я уже протестил

Давай больше кода, пока ничего не понятно вобще

<FuncBtn btnIcon="mail"/> class FuncBtn extends React.Component{ constructor(props){ super(props); this.state = { btnIcon: this.props.btnIcon }; } render() { return ( <div> {this.props.btnIcon ? <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> : null} {this.props.thisText} </div> ); } } и есть функция, куда нужно получить родительский props.btnIcon function btnIconFunc() { return( <React.Fragment> {this.props.btnIcon} </React.Fragment> ) }

бэкэнд я уже протестил

Красава

Красава

на сколько смог, конечно.

как я сказал, я только учусь

как я сказал, я только учусь

https://www.udemy.com/react-tdd/learn/v4/overview

купи этот курс

пишу проектик, камень ножницы бумага. node, сокеты, фронт реакт. такое, в общем

"купи этот курс" спасибо, присмотрюсь. сейчас как раз в поисках разной инфы

"купи этот курс" спасибо, присмотрюсь. сейчас как раз в поисках разной инфы

10$ комон

<FuncBtn btnIcon="mail"/> class FuncBtn extends React.Component{ constructor(props){ super(props); this.state = { btnIcon: this.props.btnIcon }; } render() { return ( <div> {this.props.btnIcon ? <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> : null} {this.props.thisText} </div> ); } } и есть функция, куда нужно получить родительский props.btnIcon function btnIconFunc() { return( <React.Fragment> {this.props.btnIcon} </React.Fragment> ) }

Нафига так сложно, 2 раза обертываешь во фрагмент да ище и через функцию возвращаешь то что и так есть в компоненте

с учетом скидки 90%))

<FuncBtn btnIcon="mail"/> class FuncBtn extends React.Component{ constructor(props){ super(props); this.state = { btnIcon: this.props.btnIcon }; } render() { return ( <div> {this.props.btnIcon ? <React.Fragment>{btnIconFunc(this.props)}</React.Fragment> : null} {this.props.thisText} </div> ); } } и есть функция, куда нужно получить родительский props.btnIcon function btnIconFunc() { return( <React.Fragment> {this.props.btnIcon} </React.Fragment> ) }

и зачем ты пишешь в стейт то что прокинуто в пропсы. this.props.btnIcon это компонент?

Нафига так сложно, 2 раза обертываешь во фрагмент да ище и через функцию возвращаешь то что и так есть в компоненте

во вложенной функции будет case, где по полученному названию будет выводиться иконка

и зачем ты пишешь в стейт то что прокинуто в пропсы. this.props.btnIcon это компонент?

это был вариант, вывести через <btnIconFunc btnIcon={this.state.btnIcon} />

это был вариант, вывести через <btnIconFunc btnIcon={this.state.btnIcon} />

Так, исходя из всей инфы тебе нужно по какому то ключу рендерить разные иконки, ключи приходят в FuncBtn как props.btnIcon? Я бы создал метод тут же renderIcon и там уже обращайся к this.props.btnIcon и через свитч возвращай иконку

Так, исходя из всей инфы тебе нужно по какому то ключу рендерить разные иконки, ключи приходят в FuncBtn как props.btnIcon? Я бы создал метод тут же renderIcon и там уже обращайся к this.props.btnIcon и через свитч возвращай иконку

да, можно и так. Хотел вынести в отдельную функцию, чтобы не загромождать блок, там и так уже много чего делается, и вот не смог передать props внутрь, обидно, хотел узнать, может можно как

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

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

спасибо. третий день знакомство с реакт, напиши плз, КАК, а то я так еще не понимаю

да, можно и так. Хотел вынести в отдельную функцию, чтобы не загромождать блок, там и так уже много чего делается, и вот не смог передать props внутрь, обидно, хотел узнать, может можно как

Уточню на всякий случай function btnIconFunc(ЗДЕСЬ ПРОПС ПРИНИМАТЬ) { return something}

Товарищи, подскажите. Пишу первый маленький проект на redux. Скажите, реально для каждого action надо создавать отдельный фаил или можно это как-то в один фаил заделать? Но как тогда делать export default ? Подскажите юнцу начинающему, плиз..

Именованые экспорты

Ну или export default { Foo, Bar, }

Это как?

Это export без дефолта

export const actionName = // your try code

Ааа. Понял. Попробую, спасибо

Товарищи, подскажите. Пишу первый маленький проект на redux. Скажите, реально для каждого action надо создавать отдельный фаил или можно это как-то в один фаил заделать? Но как тогда делать export default ? Подскажите юнцу начинающему, плиз..

>Но как тогда делать export default Настраивать линтер правильно

Возьми конфиг совы, в целом он нормич https://www.npmjs.com/package/@atomix/eslint-config-react

Уточню на всякий случай function btnIconFunc(ЗДЕСЬ ПРОПС ПРИНИМАТЬ) { return something}

а, все, понял. спасибо) function btnIconFunc(props) { return( <React.Fragment> {props.btnIcon} </React.Fragment> ) }

а, все, понял. спасибо) function btnIconFunc(props) { return( <React.Fragment> {props.btnIcon} </React.Fragment> ) }

Зач фрагмент

Лел, красиво.

Вынеси из цикла функцию.

Оффтоп: у тебя очень неоптимально написан код.

Это троллинг?

Firacode шрифт ?

Там белым по серому написано, что создаётся функция внутри цикла

ok-ok

на функцию внутри цикла, очевидно :) можешь вытащить колбек в переменную за цикл и не будет ругаться :) только тебе нужно будет передать в неё аргументы, которые она сейчас из замыкания берёт. типа const cb = document => keyDoc => {...} ... Object.keys(document).forEach(cb(document))

только cb нужно не вызывать в forEach, думаю, а просто написать .forEach(cb)

напомните плз, есть ведь вот такой импорт? import 'названиеМодуляВNodeModules/путь/внутри/модуля/к/внутреннему/файлу';

есть

есть

спасибо)

на функцию внутри цикла, очевидно :) можешь вытащить колбек в переменную за цикл и не будет ругаться :) только тебе нужно будет передать в неё аргументы, которые она сейчас из замыкания берёт. типа const cb = document => keyDoc => {...} ... Object.keys(document).forEach(cb(document))

Спасибо)

Firacode шрифт ?

Да

Посоветуйте бойлерплейт react ssr + redux, без БД

Посоветуйте бойлерплейт react ssr + redux, без БД

Нехт жс очевидный? А ты с бд видел бойлерплейт?

Да все практически

Нехт жс очевидный? А ты с бд видел бойлерплейт?

react-starter-kit

когда я пишу npm start я использую уже заготовленную команду описанную в package.json а именно: cross-env NODE_ENV=development webpack-dev-server а как мне пробросить туда свой параметр из консоли. например: npm start argument=test и как мне получить argument?

Так и пишешь, он добавится

> start D:\projects\prosto-site > cross-env NODE_ENV=development webpack-dev-server "BACKEND_URL='test'"вот что в консоль валит. почему-то напихивает туда ковычки

react-starter-kit

Хм нихуя

react-starter-kit

чо некст не советуешь?)

чо некст не советуешь?)

так я написал пример стартера с бд

сорян, в глаза ебусь

Как правильно импортить изображения в компонент с серверные рендерингом? В случае require(image.jpg), нода пытается выполнить файл

ERROR: S client not available

Как правильно импортить изображения в компонент с серверные рендерингом? В случае require(image.jpg), нода пытается выполнить файл

Нода всегда предполагает, что в файле js или json. Если через webpack, то loader соответствующий подключить надо

Нода всегда предполагает, что в файле js или json. Если через webpack, то loader соответствующий подключить надо

С вебпаком то все как раз легко(

Всем привет!

Всем привет!

Здравствуйте

Из рубрики тупой вопрос: Если разрабатываешь из под линукс, как по быстрому открыть сайт в safari? ?

Здравствуйте

тебе макс за это ро влепит

?

Из рубрики тупой вопрос: Если разрабатываешь из под линукс, как по быстрому открыть сайт в safari? ?

virtualbox - боль с установкой какой нить мак оси, потом боль при запуске, потом боль от лагов при открытие и тестов)

Из рубрики тупой вопрос: Если разрабатываешь из под линукс, как по быстрому открыть сайт в safari? ?

browserstack

virtualbox - боль с установкой какой нить мак оси, потом боль при запуске, потом боль от лагов при открытие и тестов)

а без боли можно как-нибудь? одним глазком))

а без боли можно как-нибудь? одним глазком))

без сервисов без боли ни как)

browserstack

ага, слышал про них. придется попробовать

ага, слышал про них. придется попробовать

30 mins left on your Free Trial - зашибись как щедро))

30 mins left on your Free Trial - зашибись как щедро))

как раз одним глазком)

как раз одним глазком)

точно!) Мне просто интересно как эту проблему по нормальному решают? Не все же на маках сидят

точно!) Мне просто интересно как эту проблему по нормальному решают? Не все же на маках сидят

у меня виртуалки)

у меня виртуалки)

так ты в боли знаешь толк!)))

так ты в боли знаешь толк!)))

со временем болевой порогой снижается)

Решил называть actions как effects. Я теперь стал крутым effect driven development поргремистом? ?

redux-symbiote умалчивает?) А каким образом он тут? Нихуя не понял

тоже когда-то пытался называть экшены как postUser, putUser, потом отказался - это кал

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

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

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

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

postNewUser на много менее информативно для нового разраба, чем createNewUser например

redux-symbiote умалчивает?) А каким образом он тут? Нихуя не понял

ну так то да . а что делать с асинхронными ?

ну так то да . а что делать с асинхронными ?

посмотреть на redux-action ?