а путь к js файлу правильный?

да, хром его загружает

а что внутри?

внутри чего?

этого app.js

внутри мегабайт кода от бабеля

поставь там брейкпойнты, посмотри, выполняется ли он

найди этот ReactDOM.render

пробовал, не работает

не выполняется т.е.?

даже если внутрь debugger вкорячить

нет

оно на чанки разбивается что ли?

нет

а запросов за чанками не видать

нет

ну вторая строка кода с твоего скриншота кагбе говорит, что да, а не нет

что в самом конце app.js?

бля, конечно, очень увлекательно искать баги "по фотографии"

а может быть косяк из-за локального ип?

let PayPalButton = paypal.Button.driver('react', { React, ReactDOM });

это вообще легально?

Ребзя, Atom пробовал кто-нибудь? Чем хуже vscode ?

Ребзя, Atom пробовал кто-нибудь? Чем хуже vscode ?

более-менее всем

Ребзя, Atom пробовал кто-нибудь? Чем хуже vscode ?

медленнее

но конфигурируемее

Ребзя, Atom пробовал кто-нибудь? Чем хуже vscode ?

@ide_ru

ребят есть какойто «лайфхак» чтоб при описании стиля через styled-components можно было обратиться не только к пропсу а какойто константе например ? например есть такой подход color: ${props => props.theme.main}; но я не хочу брать с пропсов цвет background-color: ${(props) => props.isEnable ? Colors.white : Colors.gray }; и хотел бы что бы работало как-то так, но он не понимает что такое Colors.white, пробовал обворачивать в ${}и просто в {} не спосло ситуацию )

ребят есть какойто «лайфхак» чтоб при описании стиля через styled-components можно было обратиться не только к пропсу а какойто константе например ? например есть такой подход color: ${props => props.theme.main}; но я не хочу брать с пропсов цвет background-color: ${(props) => props.isEnable ? Colors.white : Colors.gray }; и хотел бы что бы работало как-то так, но он не понимает что такое Colors.white, пробовал обворачивать в ${}и просто в {} не спосло ситуацию )

import { COLORS } from '../constants';

импорт есть на колор ))

импорт есть на колор ))

что в файле стилей, и как это импортируется?

импорт есть на колор ))

Значит должно работать

http://prntscr.com/jo4lji

https://prnt.sc/jo4l4c

https://prnt.sc/jo4l4c

: |

https://prnt.sc/jo4l4c

вообще желательно правила английского соблюдать тоже)

короче проверь че такое Colors вообще, видимо импортируешь неверно (или экспортируешь)

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

ребят есть какойто «лайфхак» чтоб при описании стиля через styled-components можно было обратиться не только к пропсу а какойто константе например ? например есть такой подход color: ${props => props.theme.main}; но я не хочу брать с пропсов цвет background-color: ${(props) => props.isEnable ? Colors.white : Colors.gray }; и хотел бы что бы работало как-то так, но он не понимает что такое Colors.white, пробовал обворачивать в ${}и просто в {} не спосло ситуацию )

должно работать, весь код приведи

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

правильно воспроизвел? https://codesandbox.io/s/k9w33776nr

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

А че ребят, кто-то юзает reason в проде? Как там дела обстоят?

А че ребят, кто-то юзает reason в проде? Как там дела обстоят?

https://t.me/reasonml_ru

??? Друзья, через 56 минут начинаем React Moscow Meetup! Прямая текстовая, фото- и видео-трансляция в канале https://t.me/ReactMoscow

Друзья, ищем докладчиков на митап по React.js в Санкт-Перебурге, который состоится 2 июля. Напишите в личку плз. :)

а про Vue будет?

Нет

Друзья, ищем докладчиков на митап по React.js в Санкт-Перебурге, который состоится 2 июля. Напишите в личку плз. :)

А когда будет открыта регистрация?

))

вопрос в реакт сообществе xD

а про Vue будет?

Уже был

А когда будет открыта регистрация?

За неделю-две до)

За неделю-две до)

Хорошо, буду ждать.

Посоны, подскажите туториал где подробно разжёвано как юзать реакт с редаксом и роутером? А то как между пропастью.

Посоны, подскажите туториал где подробно разжёвано как юзать реакт с редаксом и роутером? А то как между пропастью.

на egghead от абрамова же

Народ у кого был опыт с react-apollo + SSR + PWA + workbox-sw. Как вы кешите генерируемый html который в корне передается? ибо index.html в этом случае нет

а про Vue будет?

Уже был

Народ у кого был опыт с react-apollo + SSR + PWA + workbox-sw. Как вы кешите генерируемый html который в корне передается? ибо index.html в этом случае нет

С конкретной связкой не работал, но если ты хочешь при первом заходе на сайт кэшировать, надо в precache templatedUrls добавитьь на '/index.html'

ERROR: S client not available

Oleg да вот в том то и дело что index.html нет по сути :) при обращении на '/' происходит отдача HTML сгенерированного на сервере и тут вот засада с workbox. Если конечно юзать как есть Service Worker то там можно просто указать ['/', '/static/blabla.js', ...] но с workbox что то не получилось сказать что смотри в корень и думай что это index.html

пробовал в webpack конфиге для GenerateSW указать ключ directoryIndex на '/' не помогло, а вот пустой его не оставишь, ругается :)

Oleg да вот в том то и дело что index.html нет по сути :) при обращении на '/' происходит отдача HTML сгенерированного на сервере и тут вот засада с workbox. Если конечно юзать как есть Service Worker то там можно просто указать ['/', '/static/blabla.js', ...] но с workbox что то не получилось сказать что смотри в корень и думай что это index.html

https://developers.google.com/web/tools/workbox/modules/workbox-build Посмотри опцию templatedUrls

У тебя сервер отдает html

Да да :)

Его кжшируешь по урлу '/'

Oleg спасибо огромное я что то упустил эту опцию :)

Workbox крутая штука, почти все предусмотрено

Попробую с ней :) Очень классно!

Да получается просто надо было почитать доку :) повнимательнее. Огромное еще раз спасибо!

Да получается просто надо было почитать доку :) повнимательнее. Огромное еще раз спасибо!

Обращайся, я недавно шишек набил как раз)

По теме

:) Круто! Oleg а я как раз с GraphQL apollo стеком и SSR с этой технологией использую впервые :). Буду обязательно обращаться :)

Только если страница очень часто меняется, это кэширование может не подойти

Да нет не часто будет обновляться :) Надеюсь этого трюка хватит :)

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

Для нормализации используется normalizr

Недавно на глаза попалась статья, где автор пишет, что можно и в mapStateToProps это делать, а если будут проблемы с производительностью, добавить reselect

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

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

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

я чет не согласен

чем ближе к рендеру, значит ближе к view части приложения …размазывание…

Я думал для этого использовать getDerivedStateFromProps, в котором бы сохранял нормализованное и денормализованное состояние в стейт и потом проводил сравнение. Если что-то менялось, то денорализировал и перезаписывал

я чет не согласен

Соглашайся) Чем меньше derived properties, тем меньше проблем

Собственно с этого дока реакта начинается по сути

Ку, а можно как-то обновить dependency от dependency в package-lock’e? Гитхаб ругается на security vulnerabilities

Соглашайся) Чем меньше derived properties, тем меньше проблем

нее я давно понял, что viewmodel (компоненты представления) должны не знать о форме стора

Ку, а можно как-то обновить dependency от dependency в package-lock’e? Гитхаб ругается на security vulnerabilities

попросить мейнтейнера либы обновить зависимость)

попросить мейнтейнера либы обновить зависимость)

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