Всем привет) сегодня первый день, как я наконец решил с нативного j.s перейти на фреймворк и решил начать учить реакт, можете посоветовать какие-нибудь курсы/статьи/видео уроки по данной тематики)

https://www.udemy.com/user/maximilian-schwarzmuller/ для начала подойдет не сильно дорогие курсы и внятно объясняет

https://www.udemy.com/user/maximilian-schwarzmuller/ для начала подойдет не сильно дорогие курсы и внятно объясняет

на course hunters юесплатно можно посмотреть весь курс https://coursehunter.net/course/udemy-react16-complete-guide

сам по этому курсу учился, и скажу , что очень понравилось

сам по этому курсу учился, и скажу , что очень понравилось

Да? Сейчас посмотрю тогда

Да? Сейчас посмотрю тогда

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

ребята которые пользуются webstorm: как убрать точку с запятой, которая автоматический вставляется условно при импорте файла или в конце функции???

Без виртуализации рендерить сотни записей - ЭТО СМЕРТЬ

ребята которые пользуются webstorm: как убрать точку с запятой, которая автоматический вставляется условно при импорте файла или в конце функции???

Да? Сейчас посмотрю тогда

Еще есть дядя Stephen grider, но он на любителя. Оч долго рисует диаграммы (по 10 мин).

большое спасибо! Работает

большое спасибо! Работает

Ну либо так, либо шторм нелохо работает с eslint, tslint, prettier Если в проекте такое имеется - можно применить тот стайлгайд, который описан в этих файлах

Устанавливает состояние, когда промис резолвится

Вопрос не очень по теме. Кто ни будь знает достойный анаалог Avocode безплатный или который можно ломануть ?

https://zeplin.io/pricing

https://zeplin.io/pricing

Не оно

Всем привет, помогите с глупым вопросом есть кнопка <Button title="Press me" onPress={() => Alert.alert('Hello')} /> как мне заменить 'Hello' на переход по ссылке (google.com)

Всем привет, помогите с глупым вопросом есть кнопка <Button title="Press me" onPress={() => Alert.alert('Hello')} /> как мне заменить 'Hello' на переход по ссылке (google.com)

сделать не кнопку а ссылку? <a href="google.com" />?

<Button title="Press me" onPress={() => window.location = 'https://google.com'} />

Извиняюсь за оффтоп, и не совсем по реакту. Пытаюсь получить ключ API от themoviedb для своих целей, не коммерция. Они требуют заполнить личную инфу, адресс и так далее. Это нормальная практика?

Извиняюсь за оффтоп, и не совсем по реакту. Пытаюсь получить ключ API от themoviedb для своих целей, не коммерция. Они требуют заполнить личную инфу, адресс и так далее. Это нормальная практика?

да заполни левый адрес, если не хочешь свой

Также не совсем понимаю, что именно они хотят в URL, я просто пишу свой мувисерчер для себя.

localhost/ссылка на репозиторий

<Button title="Press me" onPress={() => window.location = 'https://google.com'} />

Тип ""https://google.com"" не может быть назначен для типа "Location".

Тип ""https://google.com"" не может быть назначен для типа "Location".

кто сказал?

кто сказал?

Visual Studio

Visual Studio

ну если VS вас парит, делайте ассайн через location.href

<Button title="Press me" onPress={() => window.location = 'https://google.com'} />

href

Большая ли разница между версиями Редакса 4.0.0 и 4.0.4?

Может стоит в changelog'ах посмотреть?

Большая ли разница между версиями Редакса 4.0.0 и 4.0.4?

учитывая что счас 7+ версия... https://github.com/reduxjs/react-redux/releases

учитывая что счас 7+ версия... https://github.com/reduxjs/react-redux/releases

лол, щас 4 версия

лол, щас 4 версия

ну мы все таки в реакт чатике...

Привет. В теме по Highstock? Подвид Highcharts. Мне там нужно динамически менять диапазон Х оси для дня/часа/минуты. Timestamp приходят с данными от API. В Highstock подаю опции через options oбъект, хочу в нём же менять min и max для Х оси. setExtremes() нашёл, пока не сообразил, как его применить внутри options объекта. Данные data в series для отображения на графике приходят со стора, см. код. Код компонента тут: https://stackoverflow.com/questions/57990247/set-highstock-xaxis-range-within-options-object

Привет. Кто знает, где можно прочитать/посмотреть как правильно тестировать React.js + Redux приложение? И как правильно покрыть его тестами??? Jest?

Всем привет, кто может подсказать по такой теме есть SPA на React. Хотят добавить гугл аналитику, и как я понял все что нужно это отслеживать посещения по партнерсокй ссылке, в этой сслке прописаны все UTM парметры, я так понимаю эти параметры аналитика парсит сама, с моей стороны тогда что остается? Только инициализировать бибилиотеку react-ga на ините приложения, или вообще добавить скрипт аналитики в index.html?

Привет. Кто знает, где можно прочитать/посмотреть как правильно тестировать React.js + Redux приложение? И как правильно покрыть его тестами??? Jest?

https://www.valentinog.com/blog/testing-react/#Testing_React_Components_hands_on_react-test-renderer У того же чела по Cypress, это для e2e тестов. Я тестил отдельно компоненты, экшены, редусеры. У Andrew Mead есть хороший курс, в котором много тестов, который в его репо. У меня в репо есть немного.

https://www.valentinog.com/blog/testing-react/#Testing_React_Components_hands_on_react-test-renderer У того же чела по Cypress, это для e2e тестов. Я тестил отдельно компоненты, экшены, редусеры. У Andrew Mead есть хороший курс, в котором много тестов, который в его репо. У меня в репо есть немного.

Спасибо!

<Button title="Press me" onPress={() => window.location = 'https://google.com'} />

Па рукам за такое

Па рукам за такое

Зато задача решена )))

Зато задача решена )))

Ну так то да)

Зато задача решена )))

работаем дальше

Спасибо!

Kent C. Dodds продаёт несколько курсов по тестированию. Есть у него сайт с ними.

registerServiceWorker обязательно ли нужно его дописывать в App? не совсем понимаю для чего он..

registerServiceWorker обязательно ли нужно его дописывать в App? не совсем понимаю для чего он..

А что гугл говорит?

>Сервисный рабочий - это веб-API, который помогает вам кэшировать ваши активы и другие файлы Только я не понимаю, а нужен ли он мне?

В твоем случае не нужен

Бегло прочел https://getinstance.info/articles/javascript/introduction-to-service-workers/ И в любом случае ничего не понял

Народ, такой вопрос! Добавляю поддержку emmet в vs code для другого файла, а она пропадает везде вообще!

"emmet.includeLanguages": { "javascript": "javascriptreact", "vue-html": "html", "go": ".gohtml" }

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

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

по факту сохраняешь скушки в одном месте по клику на добавить в корзину, потом отправляешь на сервер для оформления заказа. Скушки можно храниить локально, можно на серваке:)

слишком много неизвестных :)

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

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

“Make a simple Shopping Cart App using React & Redux (1/3)” by Aya Bellazreg https://link.medium.com/ymjKZsbb5Z

ну, можешь использовать контекст) или создать стейт в рутовом компоненте и прокинуть функции обновления в дочерние компоненты

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

текущий выбор юзера хранишь в локал сторейдж/indexeddb

Собственно загружаешь апу, чекаешь кеш, если в кеше что-то есть - выставляешь в стор

ну, можешь использовать контекст) или создать стейт в рутовом компоненте и прокинуть функции обновления в дочерние компоненты

Велосипед уже есть )

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

Стора в которой хранишь состояние корзины: Список товаров, количество, общая сумма и тд... С разных точек приложения наполняешь эту стору При загрузке страницы эта стора должна получать данные с сервера/локалстоража При изменениях синхронизироваться В любом случае источник истины для должен быть на сервере ибо в итоге заказ должен оформиться именно там

Стора в которой хранишь состояние корзины: Список товаров, количество, общая сумма и тд... С разных точек приложения наполняешь эту стору При загрузке страницы эта стора должна получать данные с сервера/локалстоража При изменениях синхронизироваться В любом случае источник истины для должен быть на сервере ибо в итоге заказ должен оформиться именно там

а зачем хранить на серве текущий стейт корзины?

а зачем хранить на серве текущий стейт корзины?

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

а зачем хранить на серве текущий стейт корзины?

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

*ну лично я ожидаю такое 😊

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

ну если так то да. Тогда не вижу смысла хранить в локалсторейдже ( если только у него не pwa с отложенными)

ну если так то да. Тогда не вижу смысла хранить в локалсторейдже ( если только у него не pwa с отложенными)

Много нюансов, как обрабатываь корзину для незалогиненного человека Как обрабатывать для залогиненного Как обрабатывать когад человек наполнил корзину и решил залогиниться/зарегистрироваться Что делать если в его учетке была корзина, а он наполнил новую и потом залогинился, смешивать или заменять и тд

Много нюансов, как обрабатываь корзину для незалогиненного человека Как обрабатывать для залогиненного Как обрабатывать когад человек наполнил корзину и решил залогиниться/зарегистрироваться Что делать если в его учетке была корзина, а он наполнил новую и потом залогинился, смешивать или заменять и тд

ну эт да)

кто хуки делает, вы называете файл хука через use, тоесть use-theme например имя файла или use не нужна приставка для файла?

кто хуки делает, вы называете файл хука через use, тоесть use-theme например имя файла или use не нужна приставка для файла?

Я думаю это дело вкуса и конвенций.. На сколько я знаю hook-rules в eslint смотрят только название функций

почему линт ругается и как сделать так, чтоб не ругался? ESLint: Typeof comparisons should be to string literals. (valid-typeof)

почему линт ругается и как сделать так, чтоб не ругался? ESLint: Typeof comparisons should be to string literals. (valid-typeof)

ошиька то какая?

ошиька то какая?

дописал.

попробуй (typeof value === "string")

попробуй (typeof value === "string")

ну это по логике не то, что нужно.

Но линтер перестал ругаться? Если мешает логике // lint-disabled или как-то так

почему линт ругается и как сделать так, чтоб не ругался? ESLint: Typeof comparisons should be to string literals. (valid-typeof)

typeof value === type.toString() мб

Хотя бред, линтер же не выводит ничего

typeof value === type.toString() мб

не. ну да ладно, пофигу.

Никак, очевидно, только дисейблить

Подскажите, пожалуйста, у меня ссылки в меню сделаны с помощью Link. При клике по пункту меню, которе сейчас открыто ничего не происходит. Мне надо сделать, чтоб в таком случае происходил ререндеринг. Как реализовать?

Всем привет! Кто-то разбирается в джесте? Кто может объяснить, как замокать только одну функцию из модуля? Контекст: есть файлик getters с кучей небольших функций. Несколько из них импортит селектор (reselect). Одна из них getTimetable. Я хочу протестить этот селектор, но чтобы не строить огромный тестовый стор - хочу замокать getTimetable, чтобы она возвращала небольшой объект, а остальные функции продолжали работать с тестовым стором. Кто-нибудь может помочь с тем, как это сделать? Или хотя бы в какую сторону гуглить. Я нашёл только вариант, где джест берёт и мокает все функции из файлика getters. А мне надо всего одну(