Нажал назад - модалка закралась. Удобно.

С рр4 удобно так делать

2 свитча и все

Коллеги, кто-то использует firebase для авторизации. Отзовитесь, есть вопросы.

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

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

https://coreui.io/

В комментариях к вчерашней статье про "css in js не нужен" творится что-то совсем мне не понятное. Люди в упор не видят проблемы и, соответственно, в упор не видят решения...

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

ant.design

В комментариях к вчерашней статье про "css in js не нужен" творится что-то совсем мне не понятное. Люди в упор не видят проблемы и, соответственно, в упор не видят решения...

Можно ссылочку?:)

Можно ссылочку?:)

https://habr.com/post/417707

В комментариях к вчерашней статье про "css in js не нужен" творится что-то совсем мне не понятное. Люди в упор не видят проблемы и, соответственно, в упор не видят решения...

А в чём ад то там?

Ну посмотри тред на мой первый комментарий

Люди закостенели в старых подходах и решениях и ментально не хотят с них уходить

Да это может быть еще менее производительно чем CSS in JS

?Чот странные мифы какие-то

Больше похоже на хейт SC

Мне просто уже не хочется отвечать, долго это... Видно что люди просто против решения в принципе

Да это может быть еще менее производительно чем CSS in JS

Людям во многом плевать на производительность стилей)

Вот 3-ий миф ооочень странный :)

Людям во многом плевать на производительность стилей)

Однако это пытаются использовать как аргумент против css in js :)

Вот 3-ий миф ооочень странный :)

Да они все достаточно странные)

https://medium.com/@gajus/stop-using-css-in-javascript-for-web-development-fa32fb873dcc в оригинале в коммеентариях все еще грустнее -_-

<div n /> ... [n] {} Вообще это даже быстрее класснеймов)

<div n /> ... [n] {} Вообще это даже быстрее класснеймов)

Есть почитать что про "быстрее"?

Есть почитать что про "быстрее"?

Могу позже погуглить

Что бы запустить "npm start" в апе созданной через create-react-app но без сервера (т.е. я буду использовать свой) какую комманду нужно использовать?

Что бы запустить "npm start" в апе созданной через create-react-app но без сервера (т.е. я буду использовать свой) какую комманду нужно использовать?

npm run build

npm run build

Creating an optimized production build...

Что бы запустить "npm start" в апе созданной через create-react-app но без сервера (т.е. я буду использовать свой) какую комманду нужно использовать?

Тебе нужно, чтобы твой сервер отдавал билд, который ты сбилдишь через "npm run build"

npm run build

Нужно для dev

т.е. разработка должна вестись на своем сервере а не на том что по умолчанию

Нужно для dev

тогда тебе нужно извлечь конфиг вебпака, и написать дев конфиг без сервера + команду в npm scripts дописать. Или сделай свой конфиг вебпака с вотчером и релоадом, по-моему это проще

т.е. разработка должна вестись на своем сервере а не на том что по умолчанию

А… зачем?

т.е. разработка должна вестись на своем сервере а не на том что по умолчанию

сделай билд и закинь билд на свой сервак

сделай билд и закинь билд на свой сервак

билдить каждый раз долго

билдить каждый раз долго

ага, а держать проект в дев режиме еще лучше

ага, а держать проект в дев режиме еще лучше

ну так он же его девить будет, чем плохо то ?)

тогда тебе нужно извлечь конфиг вебпака, и написать дев конфиг без сервера + команду в npm scripts дописать. Или сделай свой конфиг вебпака с вотчером и релоадом, по-моему это проще

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

сделай билд и закинь билд на свой сервак

Каждый раз руками? Полагаю есть уже готовый велосипед, я его еще просто не нашел :)

Каждый раз руками? Полагаю есть уже готовый велосипед, я его еще просто не нашел :)

почитай про CI/CD

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

насчёт изменения готового cra конфига не подскажу

билдить каждый раз долго

Если это билд для дева то не долго, у меня есть свой билд то там много криворукостей поэтому и перешел на дефолтный

Если это билд для дева то не долго, у меня есть свой билд то там много криворукостей поэтому и перешел на дефолтный

https://github.com/timarney/react-app-rewired может поможет

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

можно не руками, а в прод.конфиге прописать путь, куда билд собирать. И будет собираться например в публичную папку сервера

привет, кто может подсказать почему такая конструкция setTimeout(() => {this.setState({error: ''}), }5000 ) считается

плохой практикой

Потому что компонент может пропасть через 4 секунды.

имеется ввиду что через setTimeout

имеется ввиду что через setTimeout

тебе ответили

можно не руками, а в прод.конфиге прописать путь, куда билд собирать. И будет собираться например в публичную папку сервера

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

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

CI/CD

привет, кто может подсказать почему такая конструкция setTimeout(() => {this.setState({error: ''}), }5000 ) считается

А какой юзкейс?

@artalar о, уже в discover гитхаба мне вылезло)

getDerivedStateFromProps должен возвращать полностью новый стейт или его результат будет смержен с существующим стейтом?

O_O

?

А какой юзкейс?

Используя дефолтные настройки "react-create-app" с EJECT-ом, нужно то же самое что делает "npm start" но без того что бы запускать лайт сервер.

Потому что компонент может пропасть через 4 секунды.

можешь тогда подсказать как правильно скрыть сообщение об ошибке если я ложу ошибку с редюсера в local state компонента

?

можешь тогда подсказать как правильно скрыть сообщение об ошибке если я ложу ошибку с редюсера в local state компонента

Обновляй локальный стейт, или не клади)

Используя дефолтные настройки "react-create-app" с EJECT-ом, нужно то же самое что делает "npm start" но без того что бы запускать лайт сервер.

чооооо

чооооо

Какой момент не понятен?

Обновляй локальный стейт, или не клади)

читай выше,

ERROR: S client not available

читай выше,

Ты через таймаут кладешь ошибку в локальный стейт?

Ты через таймаут кладешь ошибку в локальный стейт?

нет, я через таймаут обновляю стейт

Используя дефолтные настройки "react-create-app" с EJECT-ом, нужно то же самое что делает "npm start" но без того что бы запускать лайт сервер.

ты хочешь через другой бекенд отдавать шаблон?

Есть почитать что про "быстрее"?

чет не гуглится лол, не помню где читал

Ты через таймаут кладешь ошибку в локальный стейт?

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

Короче, если не хочешь ошибки с таймаутом, тебе нужно куда-то записать его идентификатор и сделать clearTimeout в componentWillUnmount

getDerivedStateFromProps должен возвращать полностью новый стейт или его результат будет смержен с существующим стейтом?

Мерж

Короче, если не хочешь ошибки с таймаутом, тебе нужно куда-то записать его идентификатор и сделать clearTimeout в componentWillUnmount

не думаю что это будет тоже правильно, мне кажется что самый норамальный вариант в thunk или saga через определенное время запустить action с пустым телом ошибки. Как думаешь?

чет не гуглится лол, не помню где читал

Ток вот это нашел https://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/

не думаю что это будет тоже правильно, мне кажется что самый норамальный вариант в thunk или saga через определенное время запустить action с пустым телом ошибки. Как думаешь?

Это второй вариант который я предложил, просто не класть в локальный стейт)

Это второй вариант который я предложил, просто не класть в локальный стейт)

ну так будет правильней да?

Ток вот это нашел https://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/

чот не быстрее оказывается

ну так будет правильней да?

Смотря какой эффект нужен, если почистить ошибку из стора, то да, если просто убрать ее в компоненте, то не вижу большой разницы

ты хочешь через другой бекенд отдавать шаблон?

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

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

ну тут только пути поменять надо

ну тут только пути поменять надо

Да, вот и ищу где :)

чот не быстрее оказывается

У меня вообще все примерно одинаково отрабатывает, и у всех разброс 270-350

Мерж

гуд, спасибо

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

нет вроде

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

Нет

Скажите насколько плохо по кодстайлу тут написано ? https://pastebin.com/aLZ7AvL1

нормально. похоже на eslint-airbnb

Скажите насколько плохо по кодстайлу тут написано ? https://pastebin.com/aLZ7AvL1

Ничего вырвиглазного нет)

Скажите насколько плохо по кодстайлу тут написано ? https://pastebin.com/aLZ7AvL1

Более хардконно использовать именновоный экспорт, так меньше шансов ошибится при рефакторинге (если сместить компонент) и тестить легче так как можно делать на UI компоненты и компоненты со стором

Скажите насколько плохо по кодстайлу тут написано ? https://pastebin.com/aLZ7AvL1

я бы переименовал на handleSubmit

Скажите насколько плохо по кодстайлу тут написано ? https://pastebin.com/aLZ7AvL1

мне больше standard по душе в классической интерпритации, с небольшими поправками

Ок. спасибо всем?

Ок. спасибо всем?

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

Нет

то есть надо вручную через событие onunload делать всё что нужно?

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

В чистый локалсторадж плохая идея писать, хотябы localForage/store

то есть надо вручную через событие onunload делать всё что нужно?

да, я в сomponentDidMount вешал onunload тогда работало