думаю форвард оттуда ?

у меня руки еще не дошли до поднятия сервера

jest как-то связан с реактом)

в коде выглядит так: beforeEach(() => { ... server = app.listen(8081) }); ... afterEach((done) => { server.close(done); }); то есть по идее jest должен дожидаться остановки сервера и только потом выполнять следующий тест

а зачем beforeEach?

ЛОЛ

beforeAll не подойдет?

это правда не решит твою проблему с множеством тестов

beforeAll не подойдет?

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

гм

стоп

а почему ты axios/fetch не мокаешь?

зачем сервер если ты его один хер замокал? ?

я мокаю, только другой клиент - http-rest-client

паш, а сервер то зачем?

зачем сервер если ты его один хер замокал? ?

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

ну

типа гейт для микросервисов

я не очень понимаю - у тебя интеграционные тесты щас или нет?

а вот апи микросервисов я мокаю

если интеграционные то зачем мокать сервер

а

в смысле бекенд дергает дальше микросервисы

понял

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

если еще подскажешь, как эту задачу решить лучше, то буду очень благодарен)

хз ?

поставь дебаггер после close

и проверь что порт закрыт

у меня щас примерная проблема — я из spawn вызываю yarn start, но он иногда не завершается

буду решать на выходных

В чем разница? constructor(props) { super(props) this.state = { x:0, y:0 } } state = { x:0, y:0 }

это типа class instance field?

В чем разница? constructor(props) { super(props) this.state = { x:0, y:0 } } state = { x:0, y:0 }

второй синтаксис еще не в стандарте

то есть он транспилится в конструктор

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

то есть он транспилится в конструктор

я тебе больше скажу — он и будет транспилиться в конструктор

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

да, норм вариант, либо ридакс

я тебе больше скажу — он и будет транспилиться в конструктор

пока не сделают нативно

всегда будет контекст меняться

не понял

class A { state = { word: this.x } constuctor(x) { this.x = x } } console.log(new A(‘hui’).state.word)

угадай что выведет

а как лучше хранить все инпуты? В объекте или массиве? Щас я храню их в массиве, каждому инпуту приходится задавать уникальный name чтобы при изменении инпута найти нужный и записать в стейт

ну и храни так

т.е. это норм?

а как еще? ?

стоп

откуда у тебя там массив? ?

это я хотел и у вас узнать)

сеня, отвечай на мой вопрос!

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

у тебя форма динамическая?

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

state = { fields: [ { name: 'name', type: 'text', placeholder: 'Name', required: true }, { name: 'phone', type: 'tel', placeholder: 'Phone number', required: true } ] };

как-то так

угадай что выведет

строку выведет?

угадал

у тебя форма динамическая?

нет, статическая

тогда не надо никакого массива

правильно говорят доку глянь — там есть пример с формами и онченжем

чекал уже

ERROR: S client not available

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

нет

если в двух словах

Ша раскажу как очень просто работать с простыми полями. Оборачиваешь кучу полей c id'шниками по имени полю в <form onChange={this.handleChange}... А в handleChange делаешь this.values[e.target.id] = e.target.value. И уже при сабмите (блюре) делаешь валидацию this.values. Максимальная простота и производительность

и проверь что порт закрыт

попробовал вместо afterEach((done) => { server.close(done); }); вот так обернуть и кажется сработало. выглядит как магия afterEach((done) => { server.close(() => { console.log( "Closed out remaining connections."); done(); }); });

у навального в видосе была иконка реакта

Пруфы?)

у навального в видосе была иконка реакта

это иконка атома с электронами на орбите, исторически предаствляющая науку. А у тебя проф деформация

Друзья, вчера вышло обновление на hight Sierra, у многих все хорошо, а у меня осталось рабочим только это (просто предупреждаю :))

господа ребята, может кто подсказать как делаются маски (для номера телефона, например) или где про это можно прочитать?

везде натыкаются только на жуквери и либы готовые

господа ребята, может кто подсказать как делаются маски (для номера телефона, например) или где про это можно прочитать?

первый результат в гугле - https://www.npmjs.com/package/react-input-mask

Ну код либ и читай

styled-components с ref не дружит. Что делать в таком случае ? Как вешать евенты ?

styled-components с ref не дружит. Что делать в таком случае ? Как вешать евенты ?

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

Во первых innerRef, все дружит

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

ссылку не кинешь ? Я нашел что не работает

товарищ сверху кинул уже ключевое слово

это иконка атома с электронами на орбите, исторически предаствляющая науку. А у тебя проф деформация

дизайн

Подскажите по реакт-роуту v3. Как сделать такой путь /first/second/third? то у меня выводит /first/second/first/second/third <Link to="first/second/third">

<Link to="/third"> а нет так ли нужно?

<Link to="/third"> а нет так ли нужно?

ссылка получается на localhost/third

<Route path="third"

обернут вот так <Route path="first" > <Route path="second" > <Route path="third" /> <Route /> <Route />

<Link to=“/first/second/third"> не?

<Link to=“/first/second/third"> не?

получается вот так /first/second/first/second/third в адресной строке

У тебя там релятивный путь в Линке

Вот вам пример простой и быстрой (по производительности и количеству кода) формы https://codesandbox.io/s/z35vxoyql

такая фигня у двух компонентов