https://github.com/sashakaralchuk/paravel-react

в папке с проектом сделал build и serve -s build, все

в папке с проектом сделал build и serve -s build, все

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

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

да

да

спасибо

help pls!! у меня тут не понятная ситация не могу понять почему не подключаются скрипты сторонние которые в index.html указал ошибок никаких не происходит.. но приложение как будто бы игнорируют все скрипты ———— скрипты подкючаю в целом как и на любой сайт <script type="text/babel" src="./js/textarea.min.js"></script> только указывая type="text/babel" соответсвенно подключаю ну и соответственно <script type="text/babel" src="https://unpkg.com/babel-standalone@6.24.1/babel.min.js"></script>

help pls!! у меня тут не понятная ситация не могу понять почему не подключаются скрипты сторонние которые в index.html указал ошибок никаких не происходит.. но приложение как будто бы игнорируют все скрипты ———— скрипты подкючаю в целом как и на любой сайт <script type="text/babel" src="./js/textarea.min.js"></script> только указывая type="text/babel" соответсвенно подключаю ну и соответственно <script type="text/babel" src="https://unpkg.com/babel-standalone@6.24.1/babel.min.js"></script>

Type неверный

Type неверный

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

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

application/javascript или никакой. пишут type/babel только тогда когда хотят что бы скрипт не распарсился а потом обработался каким то другим скриптом, бабелем например. Но сейчас так никто не делает, лучше бабелем обрабатывать на этапе сборки

У бабеля убери тайп вообще и сделай его первым

это в принципе не помогает. пытаюсь запихать эти файлы в вебпак, это правильное решение?

Да

да

на примере create-react-app в чем разница между serve -s build и npm/yarn start, вроде как в обоих случаях сервер запускается

на примере create-react-app в чем разница между serve -s build и npm/yarn start, вроде как в обоих случаях сервер запускается

Serve раздает статику для прода, это можно делать через любой сервер, например nginx

Serve раздает статику для прода, это можно делать через любой сервер, например nginx

а npm start => node app.js, запускает js файл, так получается?

а npm start => node app.js, запускает js файл, так получается?

Да

При изменении пропсов нужно делать запрос на сервер. в getDerivedStateFromProps отслеживать?

Да

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

@webpack_ru

+ thx

При изменении пропсов нужно делать запрос на сервер. в getDerivedStateFromProps отслеживать?

?

При изменении пропсов нужно делать запрос на сервер. в getDerivedStateFromProps отслеживать?

did update

мне кажется

То есть на каждое изменение пропсов у нас 2 раза будет рендер вызываться?

с чего запрос на сервер != получение от него чего то

В моем случае ранво

я бы переделал компоненту на пьюр

а вызовы все в обертку

А зачем getDerivedStateFromProps тогда нужен?

а вызовы все в обертку

Есть пример?

А зачем getDerivedStateFromProps тогда нужен?

а я не говорил что так нельзя я просто не уверен, что там не будет два рендера shouldComponentUpdate добавь тогда еще

А зачем getDerivedStateFromProps тогда нужен?

Это просто как computed props мне кажется

Всем привет, подскажите пожалуйста если я на одной странице обьявляю компонент и массив то мне можно этот массив не прокидывать в пропсы компонента?

Есть пример?

у меня сейчас нет)

Всем привет, подскажите пожалуйста если я на одной странице обьявляю компонент и массив то мне можно этот массив не прокидывать в пропсы компонента?

Конечно)

спасибо

Всем привет, нужно на реакте сделать timeline с событиями. Событий может быть больше чем 2 в одно и то же время. События можно перетаскивать, что бы изменить время. Как лучше всего это реализовать?

Привет. Кто-нибудь знает правило для eslint/prettier/vscode, чтобы декораторы могли быть на одной строке, а не на разных?

express allow-control-allow-origin как добавить эти заголовки для всех ответов

express allow-control-allow-origin как добавить эти заголовки для всех ответов

nginx

Либо мидлварь

Либо мидлварь

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

res.header("Access-Control-Allow-Origin", "http://localhost:3000") res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With," + " Content-Type, Accept")

app.use('/*', function(req,res,next){ res.header('header' , 'value' ); next(); });

подскажите пожалуйста почему не работает событие addNameClick(e){ console.log({e.target.value}); }

https://stackblitz.com/edit/react-h2qzji

console.log({e.target.value});

console.log(e.target.value)

addNameClick(e){ console.log(e.target.value) }

все равно не работает

все равно не работает

а ты метод забаиндил?

На инпут вешай, а не на сабмит

this.addNameClick = this.addNameClick.bind(this);

Инпут onChange

на онченж отображает изменение каждой буквы

кто-нибудь знает как замокать в jest debounceTime из rx?

делай setState на onchange, а на submit делай console.log(this.state.myformvalue)

ERROR: S client not available

app.use('/*', function(req,res,next){ res.header('header' , 'value' ); next(); });

какие именно заголовки должны быть

это для одного

а как для всех

app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); });

https://enable-cors.org/server_expressjs.html

app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); });

спасибо, все работает

https://stackblitz.com/edit/react-h2qzji

Подскажиет пожалуйста почему при установке состояния возникает ошибка при отображении его на отправке формы

onSubmin

у тебя

очепятка

блин)))

спасибо)

с чем это связанно?

ПОдскажите пожалуйста почему новое значение не сохраняется в массиве?

https://stackblitz.com/edit/react-h2qzji

ПОдскажите пожалуйста почему новое значение не сохраняется в массиве?

https://stackblitz.com/edit/react-bcuxrw?file=index.js ?

вообще в данном премере массив мутабилен - это плохая практика

ПОдскажите пожалуйста почему новое значение не сохраняется в массиве?

потому что render не вызывается, положи массив в state и меняй через setState

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

render вызывается если вызвать setState

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

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

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

с оздавать новый массив и класть в стейт

мне надо этот массив передать новую переменную внутри рендера и после изменять уже его верно?

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

constructor(props) { super(props); this.state = { names: [ ...this.props.names ] }; } pushName(name) { this.setState({ names: [ ...this.state.names, name ] }); }

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

this.setState({}); - эта строчка получается полностью обнулила все стейты?