Получается с клиента идет запрос на апи (пхп) с пхп отдается json на ноду а нода обратно клиенту?
но лучше, всё-таки, делать SSR при помощи Node.js
wolfe
Farik
Преимущества?
wolfe
Преимущества?
Просто использовать PHP с v8 под капотом костыльно, как по мне. полагаю. Время ответа сервера будет выше, чем в случае с Node.js, Time-to-interactive тоже выше, поскольку на клиенте рендер будет выполняться повторно. Ну и с асинхронными запросами мне немного не понятно, как оно у вас там будет работать.
Тот же Next.js ожидает, пока выполнится getInitialState и только потом шлёт ответ клиенту.
Таймураз
пхп можно в качестве апи использовать, но статику лучше отдавать как можно "прямее"
Чтобы запрос проходил через как можно меньшее количество сервисов
Sm•ok
Есть у кого опыт с react-beautiful-dnd ? Хотелось бы спросить у него кое что в личке
Виктор
El
Вы кликаете по всей строке? tr это table row, может, вы хотели кликнуть по ячейке?
Виктор
Вы кликаете по всей строке? tr это table row, может, вы хотели кликнуть по ячейке?
не, у меня ивент есть на row(открывается модальное с данными из row)
дело в том , что таблица пустая, а я ожидаю что там будет две записи к примеру.
Вот и грешу, что что-то не так с запросами, не могу разобраться как они работают в тестах
п.с
Таблица с async ComponentDidMount -> await запрос в базу с URL который я передал из родительского
Victor
не, у меня ивент есть на row(открывается модальное с данными из row)
дело в том , что таблица пустая, а я ожидаю что там будет две записи к примеру.
Вот и грешу, что что-то не так с запросами, не могу разобраться как они работают в тестах
п.с
Таблица с async ComponentDidMount -> await запрос в базу с URL который я передал из родительского
это ж unit тест, как вы запрос замокали? Проверьте вывод через debug()
Виктор
это ж unit тест, как вы запрос замокали? Проверьте вывод через debug()
запрос не мокал, т.к не знаю как до него добраться из родительского компонента в тесте
Виктор
это ж unit тест, как вы запрос замокали? Проверьте вывод через debug()
до этого создавал записи, по клику на save отрабатывался запрос без моков, думал и тут не надо -_-
Victor
реальных запросов в Unit тестах быть не должно. Методика с запросами такая - вместо функции, которая вызывает запрос надо закинуть в компонент шпиона - jest.fn() и потом проверять что он вызвался с определенными параметрами (если задача проверить правильность запроса)
Victor
Советую сделать пример структуры на codesandbox - https://codesandbox.io/s/qk60qy3llq
El
Можно иметь тестовую БД и слать туда натуральные запросы.
Сергей
Пацыки, а может кто подсказать онлайн песочницу, в котороый ты пишешь код и это можно синхронно смотреть в другом окне браузера все изменения
El
Cloud9 ?
eden
Пацыки, а может кто подсказать онлайн песочницу, в котороый ты пишешь код и это можно синхронно смотреть в другом окне браузера все изменения
codesandbox.io - просто топовая песочница
Сергей
codesandbox.io - просто топовая песочница
это я знаю, а она поддерживает изменения, чтобы я мог видеть без перезагрузки окна?
Виктор
реальных запросов в Unit тестах быть не должно. Методика с запросами такая - вместо функции, которая вызывает запрос надо закинуть в компонент шпиона - jest.fn() и потом проверять что он вызвался с определенными параметрами (если задача проверить правильность запроса)
спасибо за объяснение, а что насчет Integration tests ?
в интегрейшен вроде как нужно имитировать юзера поведение и что-бы все было как в браузере(плюс минус)
eden
это я знаю, а она поддерживает изменения, чтобы я мог видеть без перезагрузки окна?
да, там над окном просмотра есть кнопка для открытия результатов в отдельном окне. Правда у меня иногда ломалось и не синхронизировалось
eden
Victor
спасибо за объяснение, а что насчет Integration tests ?
в интегрейшен вроде как нужно имитировать юзера поведение и что-бы все было как в браузере(плюс минус)
Это уже не jest... Тут вам надо смотреть в сторону cypress, testcafe, другие selenium-based фреймворки
Vladislav
Это уже не jest... Тут вам надо смотреть в сторону cypress, testcafe, другие selenium-based фреймворки
Cypress не селениум бейсд же
Victor
да, как и testcafe. Я имел в виду что кроме эти двух есть и другие фреймворки на старом добром ламповом селениуме
Vladislav
да, как и testcafe. Я имел в виду что кроме эти двух есть и другие фреймворки на старом добром ламповом селениуме
А он точно добрый и ламповый? Старый не спорю
eden
✊🏻
Victor
А он точно добрый и ламповый? Старый не спорю
ну... это вопрос сложный )) у нас и то и то есть... Однажды написанный DSL работает и там и там хорошо. С selenium написанным на java чуток легче дебажить...
Vladislav
Возможно, я плохо разобрался, но тестить фронтенд спашки селениумом... Многое не получалось, много компромиссов, много, что неверно находил
Vladislav
Фантом же помер, а альтернативу вроде не успели сделать
Vladislav
Зашёл как-то от норвежцев проект, там всего две большие спашки
250 тестов на компоненты
Victor
Фантом же помер, а альтернативу вроде не успели сделать
в смысле? он как раз-таки и помер т.к. headless chrome появился
Vladislav
И херегознает, в чём там проблема
Eugene
puppeteer 🤔
Vladislav
Там нетривиальное говно
Прикол именно в том, что хедлесс тест, который у нас написан рубишным дсл не видит баг
А вот сайпресс видит
Vadim
Vladislav
Был бы платный, хер бы нам денег на него дали пощупать
Victor
у себя локально разворачивай сколько угодно
Виктор
Vladislav
В гитлабсиай оно вставляется, да и хватит
Evgeniy
Привет. Подскажите, как исправить ошибку видимости css модулей для flow?
Evgeniy
Kostya
Привет. Подскажите, как исправить ошибку видимости css модулей для flow?
в конфиге module.file_ext=.scss
Evgeniy
@easlcore спасибо!)
Ruslan
Всем привет, кто со stripe в реакте работал, можете обьяснить, чем stripe-checkout отличается от stripe-elements?
Kurzdor
А есть хороший пример проекта с css modules?
Kurzdor
В опенсорсе
Kurzdor
Либо вообще пример как писать на модулях
Dmytro
Всем привет ) Сори за офтоп есть у кого-то сервис для абстракции работы с local и session storage ?
Vadim
Всем привет ) Сори за офтоп есть у кого-то сервис для абстракции работы с local и session storage ?
в чем должна заключаться абстрактность?)
Dmytro
ну сервис какой-то кастомный
Konstantin
Alyona
meltdown
Поясните, зачем нужен forwardRef? ничего ведь не мешает передавать реф через пропсы
Александр
Поясните, зачем нужен forwardRef? ничего ведь не мешает передавать реф через пропсы
для функциональных компонентов
meltdown
у фукнциональных компонентов нету пропсов? :D
Dmitry
Anton
Ребята, вопрос: я немного писал используя связку реакт + редакс, сейчас меня взяли на большой проект, но опыта, у меня, по-моему, не очень много, saga, thunk и все такое прочее я сам не юзал, только видел. Есть какой-то курс / статья, чтобы я прочитал его и не сделал изначально кучу говнокода и не испортил себе последующую жизнь?
Anton
то есть в проекте есть только апи, а ui нужно будет с нуля делать
Dmitry
прям в проекте и смотри
Anton
там нет ничего
Dmitry
лол
ты же сказал большой проект
Anton
ui я буду делать с какими-то омериканскими синьорами
Anton
ну там api
Anton
популярное
Anton
и большое