@react_js - страница 950 - Telegram web archive

i

но повторюсь - волнует именно style="position: relative;" чтоб стили переделывало в объекты и переименовывало атрибуты под реакт

Cenator 🐈

но повторюсь - волнует именно style="position: relative;" чтоб стили переделывало в объекты и переименовывало атрибуты под реакт

Такого нет

i

эх, ладно, спс

Victor

но повторюсь - волнует именно style="position: relative;" чтоб стили переделывало в объекты и переименовывало атрибуты под реакт

i

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

Sergeant

народ подскажите, чтоб бек был на вп а фрон на ноде, это надо 2 хостинга арендовать?

Cenator 🐈

народ подскажите, чтоб бек был на вп а фрон на ноде, это надо 2 хостинга арендовать?

Vps

Sergeant

Vps

и пхп и ноду будет тянуть? на одном хостинге?

Victor

народ подскажите, чтоб бек был на вп а фрон на ноде, это надо 2 хостинга арендовать?

js парситься нодой, wp - пехапехой, они могут жить на одном сервере

Cenator 🐈

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

Я так и жил раньше

Sergeant

js парситься нодой, wp - пехапехой, они могут жить на одном сервере

спс!

i

жить больно

Victor

жить больно

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

i

спасибо

Foma

а че у те отдельно фронт отдельно верстка? сказал бы сразу верстайте на реакте

Cenator 🐈

а че у те отдельно фронт отдельно верстка? сказал бы сразу верстайте на реакте

Это не всегда возможно

i

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

Foma

ну да, ну хоть шторм норм сам подставит className вместо класс эт уже круто

Cenator 🐈

Это еслинт умеет

Cenator 🐈

Только в реакте уже class поддерживается давно

i

с какой версии?

i

чёт я отсал от жинзи опять

Foma

теоритически кто то уже должен был сделать style="" => style="{}"

Cenator 🐈

Есть отдельные css to jss

Cenator 🐈

с какой версии?

Не знаю

Dmitry

Привет Как в тесте получить clientWidth ?

Dmitry

юзаю @testing-library/react

Mikhail

Всем привет, подскажите, пожалуйста, где практиковаться с react и redux? Может есть какие-то сайты с заданиями? Todo app написал и не знаю что дальше, подскажите😃

А зачем ты начал учить реакт? Если просто, то напиши любой сервис, который нравится Если есть какая-то изначальная идея, то приступай к ней, в процессе научишься

Илья

Всем привет, подскажите, пожалуйста, где практиковаться с react и redux? Может есть какие-то сайты с заданиями? Todo app написал и не знаю что дальше, подскажите😃

Возьми любое апи (например unsplash) и создай например загрузку и просмотр фото из API, поиск фотографий и т.д. Не нравится unsplashб возьми еще что-нибудь, API тысячи.

Mihail

Cors на бэке

Victor

Привет Как в тесте получить clientWidth ?

Надо в тесте проверить это? Думаю хватит замокать эту переменную

Boris

Привет. Копирую текст из поля по клику, надо убрать выделение. - .blur() не помогает

s = window.getSelection(); if(s.rangeCount > 1) { for(var i = 1; i < s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)); } } https://developer.mozilla.org/en-US/docs/Web/API/Selection/removeRange

🤴👷‍♂️🦸‍♂️🧚‍♀️

s = window.getSelection(); if(s.rangeCount > 1) { for(var i = 1; i < s.rangeCount; i++) { s.removeRange(s.getRangeAt(i)); } } https://developer.mozilla.org/en-US/docs/Web/API/Selection/removeRange

у тебя выглядит страшнее

Boris

Можно упростить

Oleg

Можно упростить

Как?

Konstantin

Всем привет, подскажите, пожалуйста, где практиковаться с react и redux? Может есть какие-то сайты с заданиями? Todo app написал и не знаю что дальше, подскажите😃

Глянь здесь, тут уйма заданий и примеров их выполнения https://learn.freecodecamp.org/

Konstantin

Там есть внизу Coding Interview Prep, в нём Take Home Projects

Konstantin

Да и во front end libraries главе последняя часть тоже с проектами

Вениамин

Народ. А никто не сталкивался с кейсом, как подмена пакета в package.json

Вениамин

Что-то не гуглится ничего

Eugene

А это как? Подмена?

Вениамин

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

Пöß d'Ivoire

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

Eugene

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

Можно попробовать Алиас сделать, но помойму это не очень идея 🤔

Вениамин

Я вот тоже подумал, пробую )

Yuriy

Ребята, здраствуйте. Использую Next.js + next-sass. При первой загрузке стили в некоторых компонентах ломаються. При перезагрузке все работает ок. Подскажите плиз куда копать

Sergey

что там за драма снова? https://twitter.com/olmokhov/status/1164988010594803712

Nikita

Ребята, здраствуйте. Использую Next.js + next-sass. При первой загрузке стили в некоторых компонентах ломаються. При перезагрузке все работает ок. Подскажите плиз куда копать

никуда, фича некста, которую не спешат фиксить больше года

Nikita

в продакшене такого поведения нет

Nikita

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

✙ Sergeant

Привет всем) Подскажите пожалуйста, кто где учил реакт Спасибо)

Vasyl

Привет всем) Подскажите пожалуйста, кто где учил реакт Спасибо)

https://coursehunter.net/

Yuriy

в продакшене такого поведения нет

Да, вы правы. Спасибо!

✙ Sergeant

https://coursehunter.net/

Спасибо))

Frontend Priest

Привет всем) Подскажите пожалуйста, кто где учил реакт Спасибо)

roadmap.sh/frontend

Yuriy

в продакшене такого поведения нет

я ошибся) бывает. Правда, со styled-components таких проблем нет

Nikita

я ошибся) бывает. Правда, со styled-components таких проблем нет

Работают по другому, в рантайме

Yuriy

Работают по другому, в рантайме

Кстати, как насчет styled-components? Можно использовать? Советуете?

Nikita

Кстати, как насчет styled-components? Можно использовать? Советуете?

Если нравится, юзай.

🤴👷‍♂️🦸‍♂️🧚‍♀️

Зачем нужны styled breakpoints и как мне тестировать styled components?

🤴👷‍♂️🦸‍♂️🧚‍♀️

Надо тесты бахнуть на весь свой интерфейс. Как вообще делается это? Видел в реакте и еффекторе jest, что еще посмотреть?

Андрей Чайковский

Надо тесты бахнуть на весь свой интерфейс. Как вообще делается это? Видел в реакте и еффекторе jest, что еще посмотреть?

+ enzyme / @testing-library/react

Nikolai

Надо тесты бахнуть на весь свой интерфейс. Как вообще делается это? Видел в реакте и еффекторе jest, что еще посмотреть?

jest+puppeteer для e2e

🤴👷‍♂️🦸‍♂️🧚‍♀️

+ enzyme / @testing-library/react

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

🤴👷‍♂️🦸‍♂️🧚‍♀️

jest+puppeteer для e2e

Стоп, пупитер у нас парсит сайты. При чем тут тесты?

Nikolai

Стоп, пупитер у нас парсит сайты. При чем тут тесты?

end to end тесты Чтобы прокликать весь стори-флоу например

🤴👷‍♂️🦸‍♂️🧚‍♀️

end to end тесты Чтобы прокликать весь стори-флоу например

Хмм, спс

Alex

Ребят, как называется модуль для webpack который превращает html классы вот такой вид

Alex

А если я это хочу реализовать в React-приложении?)

Андрей Чайковский

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

Ты не писал о хэдлес браузерах, ок

Nikolai

Ребят, как называется модуль для webpack который превращает html классы вот такой вид

это styled-components, и это не модуль вебпака

🤴👷‍♂️🦸‍♂️🧚‍♀️

Ты не писал о хэдлес браузерах, ок

Это был новый вопрос)

Igor

А никто сллучайно не знает что там за драма с ReactRally конференцией в англоязычном твиттере?

Так

А никто сллучайно не знает что там за драма с ReactRally конференцией в англоязычном твиттере?

покаж

Anonymous

Сомы грамм и нету драм

Так

так а что за драмма?

Maksim

Ребята подскажете плз...почему у меня во втором примере нету доступа к albumAdd, пробовал написать this.props ,тоже не алё..где-то я упустил теорию, а где не пойму.спс

Igor

dispatch должен быть в пропсах, как и сам albumAdd

Igor

this.props.dispatch(this.props.albumAdd());

Igor

могу ошибаться, лишь догадка