Size: a a a

React — русскоговорящее сообщество

2020 July 20

K

Krau5 in React — русскоговорящее сообщество
Victima
кстати а у кого нибудь есть тестовые  на джуна реакта, интересно вообще  почитать что просят
лс
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Igor N
Бать, ну они изначально учат ждуна неправильным вещам. Зачем?
Не учат, в этом суть
источник

AE

Argument Exception in React — русскоговорящее сообщество
Krau5
Изве няюсь

Результат тестового задания можно предоставить ссылкой на репозиторий либо архивом. Должны быть вложены как файлы исходники, так и собранная production версия.
исходники в репу, билд в архив и проблема решена
источник

PM

Phil Morris in React — русскоговорящее сообщество
Krau5
лс
Мне можешь тоже скинуть?
источник

AB

Anatoly Berbeka in React — русскоговорящее сообщество
Как можно равнозначно заменить геттер из ES6-класса в функциональном компоненте? Вот был, скажем,
get selectedCount() {return Object.keys(this.state.value).length}

Если я напишу
const getSelectedCount = () => {return Object.keys(selected).length}
- это будет полноценная замена? Или есть нюансы?
источник

АХ

Амир Хан in React — русскоговорящее сообщество
Александр Бакиматов
а если ты хочешь реализовать 404ю страницу чтобы при входе по непонятному роуту который ты не делал в приложении - тогда тебе нужно почитать доку react-router
Щас такую задачу решаю
источник

AE

Argument Exception in React — русскоговорящее сообщество
Igor N
Тогда убирай из гитигнора. Видимо, собрать они не в состоянии
мы живём в мире фронтенда где даже разные версии ноды могут влиять на успешность сборки проекта, не вижу ничего плохого в готовом билде
источник

AE

Argument Exception in React — русскоговорящее сообщество
Anatoly Berbeka
Как можно равнозначно заменить геттер из ES6-класса в функциональном компоненте? Вот был, скажем,
get selectedCount() {return Object.keys(this.state.value).length}

Если я напишу
const getSelectedCount = () => {return Object.keys(selected).length}
- это будет полноценная замена? Или есть нюансы?
const getSelectedCount = (selected) => {return Object.keys(selected).length}
 

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

AB

Anatoly Berbeka in React — русскоговорящее сообщество
Argument Exception
const getSelectedCount = (selected) => {return Object.keys(selected).length}
 

лучше избегать сайд эффектов и передавать параметры вместо глобальных переменных
selected задаётся через useState
const [selected, setSelected] = useState({})
. Это влияет как-то?
источник

И

Иван in React — русскоговорящее сообщество
Argument Exception
мы живём в мире фронтенда где даже разные версии ноды могут влиять на успешность сборки проекта, не вижу ничего плохого в готовом билде
В случае тестового — да. Концептуально — нет. git придумали для хранения исходного кода. Мерж-конфликты в билдах, зависимость билда от окружения разработчика — вещи, о которых я не хотел бы знать ничего
источник

AE

Argument Exception in React — русскоговорящее сообщество
Иван
В случае тестового — да. Концептуально — нет. git придумали для хранения исходного кода. Мерж-конфликты в билдах, зависимость билда от окружения разработчика — вещи, о которых я не хотел бы знать ничего
я выше написал чтоб добавить код в репу а передать билд как архив отдельно
источник

И

Иван in React — русскоговорящее сообщество
Anatoly Berbeka
Как можно равнозначно заменить геттер из ES6-класса в функциональном компоненте? Вот был, скажем,
get selectedCount() {return Object.keys(this.state.value).length}

Если я напишу
const getSelectedCount = () => {return Object.keys(selected).length}
- это будет полноценная замена? Или есть нюансы?
равнозначно будет так

const getSelectedCount = useMemo(() => Object.keys(selected).length, [selected])
источник

И

Иван in React — русскоговорящее сообщество
Argument Exception
я выше написал чтоб добавить код в репу а передать билд как архив отдельно
в этом контексте — да
источник

AB

Anatoly Berbeka in React — русскоговорящее сообщество
Иван
равнозначно будет так

const getSelectedCount = useMemo(() => Object.keys(selected).length, [selected])
вот как раз хотел спросить, мне потом надо будет в родителе получать доступ к этому самому getSelectedCount, в примере обращение через ref. Так сработает?
источник

И

Иван in React — русскоговорящее сообщество
Anatoly Berbeka
вот как раз хотел спросить, мне потом надо будет в родителе получать доступ к этому самому getSelectedCount, в примере обращение через ref. Так сработает?
ref — херовая затея

может, лучше в стейт-менеджер положить?
источник

AB

Anatoly Berbeka in React — русскоговорящее сообщество
Иван
ref — херовая затея

может, лучше в стейт-менеджер положить?
Ну, теоретически можно, наверное. Мне просто в приложении надо пользователю дать список, в котором он что-то там себе выберет. В принципе, конечный результат так и так улетит в redux.
источник

И

Иван in React — русскоговорящее сообщество
Anatoly Berbeka
вот как раз хотел спросить, мне потом надо будет в родителе получать доступ к этому самому getSelectedCount, в примере обращение через ref. Так сработает?
если тебе нужно что-то получить в родителе, то, может быть, это что-то является частью стейта родителя?
источник

И

Иван in React — русскоговорящее сообщество
Иван
если тебе нужно что-то получить в родителе, то, может быть, это что-то является частью стейта родителя?
либо так, либо стейт-менеджер
источник

G

GetMad in React — русскоговорящее сообщество
Ребятки, нужна ваша помощь. Когда юзер жмакает кнопку на клаве, нужно рендерить поповер с инпутом, в котором в качестве initialValue будет буква, которую юзер жмакнул на клаве
источник

G

GetMad in React — русскоговорящее сообщество
при этом, рендерить скрытый поповер не вариант.
первая буква должна браться именно из keyboard события
источник