их и юзаю, только universal-cookie существуют тоже в разрезе req в express

так оттуда прокидываешь в реакт

так оттуда прокидываешь в реакт

Для работы с api написана небольшая обертка над axios, вот интересует как протянуть эти куки в нее на уровне сервера

Для работы с api написана небольшая обертка над axios, вот интересует как протянуть эти куки в нее на уровне сервера

как они на уровне клиента туда попадают?

Всем привет, можете кое с чем помочь? У меня тут вопрос, можно ли компоненту отправить пропс как name="Sara" и в тоже время использовать connect для получения state?

как они на уровне клиента туда попадают?

при инициализации export const axiosInstance = axios.create({ baseURL: API_URL || 'http://test-mock-server/admin', paramsSerializer: function(params) { return Qs.stringify(params, {arrayFormat: 'brackets'}) } })

при инициализации export const axiosInstance = axios.create({ baseURL: API_URL || 'http://test-mock-server/admin', paramsSerializer: function(params) { return Qs.stringify(params, {arrayFormat: 'brackets'}) } })

не вижу там куки

Всем привет, можете кое с чем помочь? У меня тут вопрос, можно ли компоненту отправить пропс как name="Sara" и в тоже время использовать connect для получения state?

А в чём смысл? У вас же коннект перезапишет пропс, по идее…

я даже не знаю как это правильно сделать, компонент для отображения цены, так в главном компоненте есть много информации(имя, айди и тд) и когда придет к цене должен сработать новый компонент который будет отображать цену товара в соответсвии с курсом (usd rub лежит в стейте)

примерно так

Сообщество по джест есть ?

не вижу там куки

Насколько мне известно это дефолтное поведение в браузерах - отправка кук при запросах на сервер https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

я даже не знаю как это правильно сделать, компонент для отображения цены, так в главном компоненте есть много информации(имя, айди и тд) и когда придет к цене должен сработать новый компонент который будет отображать цену товара в соответсвии с курсом (usd rub лежит в стейте)

А что вам мешает в компонент, который цену отображает, передать курс и цену, и тогда его вообще можно превратить в стейтлесс

Насколько мне известно это дефолтное поведение в браузерах - отправка кук при запросах на сервер https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

знаю, не вижу у тебя в коде их

А что вам мешает в компонент, который цену отображает, передать курс и цену, и тогда его вообще можно превратить в стейтлесс

можно лс?

знаю, не вижу у тебя в коде их

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

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

прокидывать axios instance через контекст для начала и создавать в хендлере роута на сервере

Как и писал до этого пока остановился на'request-context' чтобы не надо было прокидывать экспрессовский реквест до самого низа приложения

прокидывать axios instance через контекст для начала и создавать в хендлере роута на сервере

была мысль просто прокидывать их через config axiosInstance.request(config), чтобы не создавать инстанс на каждый запрос

Нашел очень хорошие рекомендации http://jxnblk.com/writing/posts/defining-component-apis-in-react/

прокидывать axios instance через контекст для начала и создавать в хендлере роута на сервере

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

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

я руками

когда-то next юзал

А что вам мешает в компонент, который цену отображает, передать курс и цену, и тогда его вообще можно превратить в стейтлесс

нашел вроде выход, в коннекте оказ есть второй аргумент OwnProps

Нашел очень хорошие рекомендации http://jxnblk.com/writing/posts/defining-component-apis-in-react/

?

я руками

спасибо за ответы, а то за последние пару дней перечитал тонны статей и везде какие-то бесполезные pet-project и ничего реального, особенно связанного с фетчингом данных на сервере

когда-то next юзал

почему перестал?

Нашел очень хорошие рекомендации http://jxnblk.com/writing/posts/defining-component-apis-in-react/

Bad <ProductCard {...product} />

почему перестал?

не нравится роутер и все что вокруг него но на следующем снова заюзаю его скорее всего, плюсы перевешивают

Bad <ProductCard {...product} />

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

сам недавно с next познакомился, по первым ощущения круто)

я новичок у меня проблема

import React from 'react'; const defProduct = [ {name:"IPhone 5",price:2500, valuta:"сомони"}, {name:"Samsung A4",price:2100, valuta:"сомони"}, {name:"Samsung Gallaxy s6+",price:3500, valuta:"сомони"}, {name:"Xiomi Radmi Note 4",price:1500, valuta:"сомони"}, ]; class Products extends React.Component{ constructor (props) { super(props); this.state = { name:"", price:0, valuta:"" }; } render(){ return <div> { defProduct.map((val)=>{ <ListProduct href="#" value={val.name} /> }) } </div>; } } class ListProduct extends React.Component{ constructor(props){ super(props); } render(){ return <a href={this.props.href}>{this.props.value}</a> } } export default Products;

Bad <ProductCard {...product} />

Ок

import React from 'react'; const defProduct = [ {name:"IPhone 5",price:2500, valuta:"сомони"}, {name:"Samsung A4",price:2100, valuta:"сомони"}, {name:"Samsung Gallaxy s6+",price:3500, valuta:"сомони"}, {name:"Xiomi Radmi Note 4",price:1500, valuta:"сомони"}, ]; class Products extends React.Component{ constructor (props) { super(props); this.state = { name:"", price:0, valuta:"" }; } render(){ return <div> { defProduct.map((val)=>{ <ListProduct href="#" value={val.name} /> }) } </div>; } } class ListProduct extends React.Component{ constructor(props){ super(props); } render(){ return <a href={this.props.href}>{this.props.value}</a> } } export default Products;

http://bit.ly/our_etiquette

хочу выводить массив defProduct

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

Я бы лучше в один проп кидал

Я бы лучше в один проп кидал

ререндеры

хочу выводить массив defProduct

возможно забыл return? return <ListProduct href="#" value={val.name} />

ререндеры

Норм, если объект это одна сущность

?в правилах нет пункта про выкладывать огромные коды в песочницу/место для кода?

?в правилах нет пункта про выкладывать огромные коды в песочницу/место для кода?

Нет. Это рекомендация же

import React from 'react'; const defProduct = [ {name:"IPhone 5",price:2500, valuta:"сомони"}, {name:"Samsung A4",price:2100, valuta:"сомони"}, {name:"Samsung Gallaxy s6+",price:3500, valuta:"сомони"}, {name:"Xiomi Radmi Note 4",price:1500, valuta:"сомони"}, ]; class Products extends React.Component{ constructor (props) { super(props); this.state = { name:"", price:0, valuta:"" }; } render(){ return <div> { defProduct.map((val)=>{ <ListProduct href="#" value={val.name} /> }) } </div>; } } class ListProduct extends React.Component{ constructor(props){ super(props); } render(){ return <a href={this.props.href}>{this.props.value}</a> } } export default Products;

Не надо простыню кода в чат кидать. Это как минимум читать неприятно

возможно забыл return? return <ListProduct href="#" value={val.name} />

всё таки не работают

babel polyfills через rewired

))

ref возвращает component а не домноду

как получить домноду?

ReactDOM.findDOMNode

Как-то можно сделать, чтобы при клике правой кнопкой мыши на произвольном div, появился пункт "Вставить"? Т.е. я хочу onPaste обрабатывать

ссылка на компонент в реф пишется

в 16.3.2 по крайней мере

ссылка на компонент в реф пишется

ты куда навешиваешь ref={} ? на компонент?

да

так надо форварднуть и навесить на дом элемент

как в примере выше

баттон фреймворка, он не форвардит

ишью завести чтоли

ERROR: S client not available

баттон фреймворка, он не форвардит

тогда не выйдет, да

за forwardRef спасибо, запомню

Как-то можно сделать, чтобы при клике правой кнопкой мыши на произвольном div, появился пункт "Вставить"? Т.е. я хочу onPaste обрабатывать

https://codepen.io/SitePoint/pen/MYLoWY

как получить домноду?

React.findDOMNode - deprecated document.querySelector - vanilla ?

React.findDOMNode - deprecated document.querySelector - vanilla ?

где пруфы? :)

React.findDOMNode - deprecated document.querySelector - vanilla ?

$ - sverhrazum

где пруфы? :)

точно, не deprecated) сорри https://github.com/yannickcr/eslint-plugin-react/issues/678#issue-165177220

подскажите плиз, нормально если я к API буду обращаться чисто только из файла с экшенами редакса? или куда обычно это пихают?

подскажите плиз, нормально если я к API буду обращаться чисто только из файла с экшенами редакса? или куда обычно это пихают?

в санки

в санки

?

?

redux-thunk

redux-thunk

а, ну да. Они у меня в файле с экшенами как раз, наряду с обычными. Норм?

а, ну да. Они у меня в файле с экшенами как раз, наряду с обычными. Норм?

там файл на 1к строк?

там файл на 1к строк?

я только начинаю изучать всё это дело, пока один файл, в дальнейшем распилю конечно

я только начинаю изучать всё это дело, пока один файл, в дальнейшем распилю конечно

да, норм только лучше разбить на файлы

ок спасибо ?

подскажите плиз, нормально если я к API буду обращаться чисто только из файла с экшенами редакса? или куда обычно это пихают?

Я бы посоветовал перейти сразу на сагу

Я бы посоветовал перейти сразу на сагу

не стоит оно того

Я бы посоветовал перейти сразу на сагу

и челик умрет

Эй, ну неправда

Санки- это, конечно, для старта хорошо

Но все-равно ведь потом на сагу переходить, если что-то более или менее серьезное писать

подскажите плиз, нормально если я к API буду обращаться чисто только из файла с экшенами редакса? или куда обычно это пихают?

можешь взять redux-thunk или redux-execue пример юзания последнего вместе redux-symbiote есть в https://github.com/howtocards/frontend/blob/master/src/features/join/api.js https://github.com/howtocards/frontend/blob/master/src/features/join/effects/join.js https://github.com/howtocards/frontend/blob/master/src/features/join/pages/join.js#L33

Но все-равно ведь потом на сагу переходить, если что-то более или менее серьезное писать

не на сагу.

Почему у реакта такая большая экосистема? Как это все освоить

Почему у реакта такая большая экосистема? Как это все освоить

Писать код

Почему у реакта такая большая экосистема? Как это все освоить

писать проекты

На каждый чих, свой плагин