Всем привет! Вопрос тривиальный, есть какой-нибудь хороший учебник по react? Быстрый старт желательно или что-то подобное. Если нет, то и фундаментальщина сойдёт. Спасибо за внимание.

Всем привет! Вопрос тривиальный, есть какой-нибудь хороший учебник по react? Быстрый старт желательно или что-то подобное. Если нет, то и фундаментальщина сойдёт. Спасибо за внимание.

не знаю насколько это быстрый старт

Всем привет! Вопрос тривиальный, есть какой-нибудь хороший учебник по react? Быстрый старт желательно или что-то подобное. Если нет, то и фундаментальщина сойдёт. Спасибо за внимание.

js знаешь?

но вот

тут же можно книги скидывать?

js знаешь?

Смотря на каком уровне.

Спасибо большое.

Смотря на каком уровне.

https://reactjs.org/docs этого должно хватить, остальное библиотеки

Привет. Что думаете насчет этого кита? https://reas.js.org можно ли юзать или есть более лучший подход?

а что это, если коротко? что-то не догоняю

набор компонентов?

а что это, если коротко? что-то не догоняю

https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md#ui-kit

а что это, если коротко? что-то не догоняю

Юай кит основанный на sc

https://reactjs.org/docs этого должно хватить, остальное библиотеки

Hello world? :D

Hello world? :D

там справа разделы

Юай кит основанный на sc

сейчас будет, а что такое sc)

А, сорри. С телефона не вижу. Всем спасибо за отзывчивость!

Слак на редаксе

Это плохо?)

?‍♂️

это какой вариант слака?

барузер

веб версия походу

барузер

reddit новый тоже на редаксе, с включенными девтулзами

у них десктоп помоему на WebView каком то

На Electron

Даже альфа банк девтулзы не выключает в своей веб версии

А вдруг сильно надо)

Есть у кого пример, как организовать папку с тестами под Jest?

У меня отдельной папки под все тесты нет. Каждый компонент лежит в своей папке и внутри компонента уже папка test, в ней тесты для reducer/action/component

https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md#ui-kit

ты используешь ui-kit готовый?

ты используешь ui-kit готовый?

Угу

Угу

он застилизован? тянешь ли еще горстку компонентов не используемых?

он застилизован? тянешь ли еще горстку компонентов не используемых?

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

Я, когда mui использовал, делал свои обертки над каждым компонентом и уже эти обертки использовал в приложении

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

а если был недостаточный api?

а если был недостаточный api?

решалось оберктами?

Например?

Всем привет, ребят , такой вопрос как корректно совместить объект Proxy в реакте(допустим обращаясь к несуществующему свойству объекта выдавало дефолтное значение)

Например?

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

Именно через proxy

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

Нууу типо того, да

Ребят, хочу сделать комментарии на сайте на реакте, а весь остальной сайт сделан не на реакте. Это нормальная практика?

вполне

Может кто кинуть ссылочки на крутые проекты на реакте, или сказать где искать их хотя бы? Нужно, чтобы там были модности типа реселект и тому подобных штук))

Может кто кинуть ссылочки на крутые проекты на реакте, или сказать где искать их хотя бы? Нужно, чтобы там были модности типа реселект и тому подобных штук))

исходники или рабочие?

Исходники

Есть какая-нибудь либа по типу Locale provider? Или статья, как написать самому

Есть какая-нибудь либа по типу Locale provider? Или статья, как написать самому

React Context?

React Context?

можно и через него

а другие способы или либы?

И на

Привет. Есть хороший туториал по тестированию React, Redux ? Собственно, чтоб было понятно, зачем, почему и как. Желательно на русском

Хотя сам пока не совсем понимаю, зачем это нужно. Все примеры, что я видел, это тест, возвращает ли промис ответ от сервера

и ради этого пишется 3 строчки кода, но...Зачем? Если есть console.log ?

Привет. Есть хороший туториал по тестированию React, Redux ? Собственно, чтоб было понятно, зачем, почему и как. Желательно на русском

Реакт тестировать не надо, как и редакс.

Тестируй бизнес-логику.

Реакт тестировать не надо, как и редакс.

ну, я сужу на основе вакансий от работодателей, в которых, дескать "Нет смысла кодить без тестов"

как бы, ясно же, о чем речь?)

А кто нибудь пользуется https://aws.amazon.com/ru/cognito или https://auth0.com/ ?)

Ребят, есть два компонента ,один это страница профиля в котором вся информация,а вторая это страница редактирование профиля,после редактирование информации через react-router редиректит на компонент профиля,всю информацию меняет,а аватар нет,подскажите ,люди добрые как устранить проблему)

Ребят, есть два компонента ,один это страница профиля в котором вся информация,а вторая это страница редактирование профиля,после редактирование информации через react-router редиректит на компонент профиля,всю информацию меняет,а аватар нет,подскажите ,люди добрые как устранить проблему)

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

Ребят, есть два компонента ,один это страница профиля в котором вся информация,а вторая это страница редактирование профиля,после редактирование информации через react-router редиректит на компонент профиля,всю информацию меняет,а аватар нет,подскажите ,люди добрые как устранить проблему)

Урл у картинки профиля остался тот же?

Урл у картинки профиля остался тот же?

Да

Привет. Есть хороший туториал по тестированию React, Redux ? Собственно, чтоб было понятно, зачем, почему и как. Желательно на русском

без тестов ты не сможешь рефакторить

Да

Ну так смотри, если есть запрос в девтулзах после сохранения и редиректа - значит кэш. Если нет - значит был общий предок и реакт решил оставить ноду на месте

добрый день. ребята, не имеется у вас примера валидации react + redux + saga?

Валидации чего ?

делал валидацию на react было все легко. сейчас умираю сижу. не пойму

Валидации чего ?

мобильного телефона под сша без кода страны. но а так не важно чего. чего-нибудь и полегче)))

Урл у картинки профиля остался тот же?

После очистки Кеша картинка не меняется,а вот на счёт общего предка можно поподробней пожалуйста ,у этих компонентов есть общий предок

фронт валидацию

После очистки Кеша картинка не меняется,а вот на счёт общего предка можно поподробней пожалуйста ,у этих компонентов есть общий предок

Значит реакт просто оставляет дом-ноду на месте

мобильного телефона под сша без кода страны. но а так не важно чего. чего-нибудь и полегче)))

При чем тут вообще реакт ?

фронт валидацию

маск валидация?

маск валидация?

да

Значит реакт просто оставляет дом-ноду на месте

Тоесть нужно перерендеривать предка самого?

cleave.js

Google libphonenumber

Тоесть нужно перерендеривать предка самого?

Добавь кей компоненту или урл у тебя кешируется

спасибо большое ребята попробую.

Добавь кей компоненту или урл у тебя кешируется

Старался после очистки Кеша тоже самое делать ,не получалось ,а вот ключ компоненту не добавлял

вопрос (отчасти) по основам js: как все приложение обернуть в try/catch? Будет ли при этом соблюдено, что ошибка где-то глубоко внутри обернутая в свой try/catch там и поймается, а то что было “пропущено” поймается на верхнем уровне? p.s. если что, я настраиваю логи в sentry, может есть более удобный способ логировать все не описанные заранее исключения

при ssr нужно пробросить preloadedState в store или при рендере thunk экшены нормально сработают?

при ssr нужно пробросить preloadedState в store или при рендере thunk экшены нормально сработают?

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

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

онли про сервер

а то у меня экшн в componentDidMount

ну тогда как обычно

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

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

вопрос (отчасти) по основам js: как все приложение обернуть в try/catch? Будет ли при этом соблюдено, что ошибка где-то глубоко внутри обернутая в свой try/catch там и поймается, а то что было “пропущено” поймается на верхнем уровне? p.s. если что, я настраиваю логи в sentry, может есть более удобный способ логировать все не описанные заранее исключения

Нууу, ты понимаешь что такое call stack? throw - это просто выход из стека, а catch - это перехватывает этот выход

Некоторые либы (и реакт) используют такие штуки setTimeout(() => { throw new Error('')}) что бы кинуть ошибку в корень, но не порушить колстек

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

так у тебя только в cDM экшены? или на серваке тоже че-то фетчится?

так то надо влепить, но если ниче не фетчится то можно замокать

в CDM, но предполагается, что ssr разрулит этот fetch для SEO собственно

ну если в cDM то не разрулит

Понял, спасибо