Ты используешь докер при dev разработке?

Мы юзали так же

Мы юзали так же

И к чему пришли?

И к чему пришли?

К тому что докер норм

Я не понял вопроса

Я не понял вопроса

Ты написал юзали, а не "юзаем"

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

Ты написал юзали, а не "юзаем"

А! Я перешел в другую компанию, поэтому в прошедшем. В другой раз буду корректнее писать)

Я же правильно понял, вы пишите и сохраняете код прямо в докере или как?

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

Прокидываешь src как volume и все нормально хот релоадится

Ах вот оно как

А есть ещё варианты использования разных конфигураций?)

А где вы храните конфигурации? В отдельных репозиториях со скриптами, которые раскатывают?

@itsjohncena

А где вы храните конфигурации? В отдельных репозиториях со скриптами, которые раскатывают?

Ну да, енв файл в игноре и при деплое создаётся как-то

То есть нет разделения на env.dev и prod

Ага, спасибо

Вообще идея классная, немного накладно, но я думаю это только первый раз. Ещё я тут понял, что конкретно для моей задачи она возможно плохо подходит - у меня electron приложение.

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

извеняюсь за оффтоп

codesandbox ?

codesandbox ?

спасибо большое)

Кто юзал react-pose vs react-spring? Надо делать транзишены элементов в react-router и stagger. Где лучше? posed выглядит круче - но спринг??

ребята, поверх этого можно обернуть Redux'ом? (Providers) Не будет ли конфликта с Аполо

https://i.paste.pics/b856a4891cc6669af721190c1e85d6ed.png

Не должно

Ребят, подскажите пожалуйста почему выдает такую ошибку при попытке зайти на эту же страницу по линку. И массив задваивается https://pastebin.com/CSHz2R0G

Key атрибут задайте разный

если задаю разный ошибка уходит, но данные все равно задваиваются если на эту же ссылку зайти. Как сделать чтоб не задваивалось

У меня есть middleware для api (axios с настройками), и как лучше сделать так, чтобы из стора мог брать token после логина, и подставлять его в параметры. Планировал прокинуть store в модуль и подписаться на нужный мне свойство. — Спасибо

НУжно покаывать лоадер при переходе между страницами, как это можно сделать?

НУжно покаывать лоадер при переходе между страницами, как это можно сделать?

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

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

Чтоб в каждом компоненте не писать это

Чтоб в каждом компоненте не писать это

https://github.com/jamiebuilds/react-loadable может это подойдет

https://github.com/jamiebuilds/react-loadable может это подойдет

Как?

Как?

насколько я понял оборачивать компоненты, которые передаешь в <Route /> придется. чтобы вообще в одном месте добавить и показывался лоадер везде - хз

насколько я понял оборачивать компоненты, которые передаешь в <Route /> придется. чтобы вообще в одном месте добавить и показывался лоадер везде - хз

Он разве не один раз грузится?

если именно при переходе на другой роут - нет https://twitter.com/matzatorski/status/872059865350406144 вот тут пример наглядный

Сап. Есть один html-файл с реакт кодом работающим через импорт скриптов, конечно же. Как подключить к нему еще компонентов, но уже в других файлах? Типо использовать index.html как index.js(x)

Есть строка в таблице. Внутри строки есть кнопка с выпадающим меню. При наведении на строку появляется background. Но когда я навел на меню, мне не нужно чтобы применялся background к строке. Как можно это обойти без выноса меню из строки?

привет. использую create react app в package.jons стоит прокси: "proxy": "http://localhsot:3001" с фронтенда делаю запрос - прокси не работает, если делаю запрос с клиента сразу на 3001 порт - то он проходит, но получаю ошибку "cross origin..." в коде сначала запросы через superagent были реализованы, переписал на axios - ничего не изменилось ``` import axios from 'axios' const API_ROOT = 'http://localhost/api' // see proxy in package.json let token = null const requests = { post(url, data) { return axios.post(${API_ROOT}${url}, data, { headers: { authorization: 'JWT ' + token, }, }) }, } const auth = { login: (email, password) => requests.post('/auth/login', { email, password }), register: userData => requests.post('/auth/register', { userData }), } export default { auth, setToken: _token => { token = _token }, } ```

если именно при переходе на другой роут - нет https://twitter.com/matzatorski/status/872059865350406144 вот тут пример наглядный

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

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

ну так сделай не большой сверху) https://curio.org прокрути вниз и тыкни на boston. такого типа лоадер или я неправильно понимаю?

привет. использую create react app в package.jons стоит прокси: "proxy": "http://localhsot:3001" с фронтенда делаю запрос - прокси не работает, если делаю запрос с клиента сразу на 3001 порт - то он проходит, но получаю ошибку "cross origin..." в коде сначала запросы через superagent были реализованы, переписал на axios - ничего не изменилось ``` import axios from 'axios' const API_ROOT = 'http://localhost/api' // see proxy in package.json let token = null const requests = { post(url, data) { return axios.post(${API_ROOT}${url}, data, { headers: { authorization: 'JWT ' + token, }, }) }, } const auth = { login: (email, password) => requests.post('/auth/login', { email, password }), register: userData => requests.post('/auth/register', { userData }), } export default { auth, setToken: _token => { token = _token }, } ```

После axios.post( должна открываться шаблонная строка(``) . Может из-за этого?

После axios.post( должна открываться шаблонная строка(``) . Может из-за этого?

эти кавычки телеграм съел

ну так сделай не большой сверху) https://curio.org прокрути вниз и тыкни на boston. такого типа лоадер или я неправильно понимаю?

http://prntscr.com/l8oqpg

привет. использую create react app в package.jons стоит прокси: "proxy": "http://localhsot:3001" с фронтенда делаю запрос - прокси не работает, если делаю запрос с клиента сразу на 3001 порт - то он проходит, но получаю ошибку "cross origin..." в коде сначала запросы через superagent были реализованы, переписал на axios - ничего не изменилось ``` import axios from 'axios' const API_ROOT = 'http://localhost/api' // see proxy in package.json let token = null const requests = { post(url, data) { return axios.post(${API_ROOT}${url}, data, { headers: { authorization: 'JWT ' + token, }, }) }, } const auth = { login: (email, password) => requests.post('/auth/login', { email, password }), register: userData => requests.post('/auth/register', { userData }), } export default { auth, setToken: _token => { token = _token }, } ```

instance сделать никак?

Или фронтендеры в такое не умеют и проще свои колеса писать?

instance сделать никак?

это повлияет на проксирование create react script?

Или фронтендеры в такое не умеют и проще свои колеса писать?

мы не фронтендеры, мы копи-паста-фронтендеры-без-мыслительных-процессов Хд

это повлияет на проксирование create react script?

Это повлияет на то как выглядит твой код

привет. использую create react app в package.jons стоит прокси: "proxy": "http://localhsot:3001" с фронтенда делаю запрос - прокси не работает, если делаю запрос с клиента сразу на 3001 порт - то он проходит, но получаю ошибку "cross origin..." в коде сначала запросы через superagent были реализованы, переписал на axios - ничего не изменилось ``` import axios from 'axios' const API_ROOT = 'http://localhost/api' // see proxy in package.json let token = null const requests = { post(url, data) { return axios.post(${API_ROOT}${url}, data, { headers: { authorization: 'JWT ' + token, }, }) }, } const auth = { login: (email, password) => requests.post('/auth/login', { email, password }), register: userData => requests.post('/auth/register', { userData }), } export default { auth, setToken: _token => { token = _token }, } ```

Такую же ошибку ловил. Вылечил тем, что отправлял заголовки с сервера app.use((req, res, next) => { res.header('Access-Control-Allow-Origin', '*') res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept') next() }) Ну и адрес полностью прописывал

Такую же ошибку ловил. Вылечил тем, что отправлял заголовки с сервера app.use((req, res, next) => { res.header('Access-Control-Allow-Origin', '*') res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept') next() }) Ну и адрес полностью прописывал

Почему не поставить cors?

Или ручками приятнее?

Почему не поставить cors?

Что поставить?

Что поставить?

Понял

Понял

Я не понял

ERROR: S client not available

http://prntscr.com/l8oqpg

хз, выглядит просто как спинер, который показывается в зависимости от переменной в стейте, которую ты сам в конструкторе ставишь в true, а когда надо в false. но опять же его пихать везде придется

Я не понял

https://github.com/expressjs/cors

хз, выглядит просто как спинер, который показывается в зависимости от переменной в стейте, которую ты сам в конструкторе ставишь в true, а когда надо в false. но опять же его пихать везде придется

Где это место, в котором нужно ставить в true или false? И где место, в котором открывать лоадер

Где это место, в котором нужно ставить в true или false? И где место, в котором открывать лоадер

в конструкторе this.state = { isLoading: true } в cdm, допустим, когда все данные запросил - setState({ isLoading: false })

в конструкторе this.state = { isLoading: true } в cdm, допустим, когда все данные запросил - setState({ isLoading: false })

Прочитай выше, что я хочу

Прочитай выше, что я хочу

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

Прочитай выше, что я хочу

Если при загрузке данных с сервера, то не сложно, ну если просто для визуализации перехода, то смысла не вижу

Ребята, повторю вопрос, есть шикарный wp rest api, как защищали соединения при методах POST ?

auth key в header?

error css-loader@1.0.0: The engine "node" is incompatible with this module. Expected version ">= 6.9.0 <7.0.0 || >= 8.9.0". error Found incompatible module

ребят что за ошибки?

ребят что за ошибки?

Модулю не нравится нода твоя

node -v

Модулю не нравится нода твоя

У меня v8.3.0. А как её обновить?

Смотря что за система, и как ты ее ставил

А чем отличается компонент от контейнера?

С компоненте нет логики

вроде бы

А чем отличается компонент от контейнера?

https://redux.js.org/basics/usagewithreact -> Presentational and Container Components

Ребят, привет! А если нужно сравнение объектов, объекты при этом достаточно простые (все поля тектсовые, без методов или дом объектов), то я правильно нагуглил максимально эффективный способ сравнения? JSON.stringify(obj1) === JSON.stringify(obj2)

Ребят в чем проблема? http://prntscr.com/l8ri9n не получается завести create-react-app

Ребят, привет! А если нужно сравнение объектов, объекты при этом достаточно простые (все поля тектсовые, без методов или дом объектов), то я правильно нагуглил максимально эффективный способ сравнения? JSON.stringify(obj1) === JSON.stringify(obj2)

Сам не проверял, но предполагаю, что это достаточно ресурсоёмко. Полагаю, что-то вроде https://lodash.com/docs/4.17.10#isEqual будет быстрее.

Ребят в чем проблема? http://prntscr.com/l8ri9n не получается завести create-react-app

У тебя прописаны npm scripts в package.json?

а почему ресурсоемко? объект в строку и глупая проверка строк у меня нет лодаша :(

а почему ресурсоемко? объект в строку и глупая проверка строк у меня нет лодаша :(

А в чём проблема его поставить? :)

Хм. Даже стало интересно проверить. Можешь кинуть пример объекта?

А в чём проблема его поставить? :)

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

Ребят, привет! А если нужно сравнение объектов, объекты при этом достаточно простые (все поля тектсовые, без методов или дом объектов), то я правильно нагуглил максимально эффективный способ сравнения? JSON.stringify(obj1) === JSON.stringify(obj2)

А если порядок ключей поедет?