Была бы номинация для лучшего русскоязычного блогера. Я бы точно голосовал за Михаила Непомнящего. То что вы делаете, это бесценная информация!

Спасибо что дал общее понимание как работает цепочка firebase - redux - react :) Развиваемся! 👍🏻💪🏼🎉

Суперприятно слушать, отличная подача, манера, затягивает невероятно, спасибо!

Смотрю Ваш контент и поражаюсь как круто Вы учите. Огромное спасибо

С момента записи видео успел обновиться react-router-dom. Поэтому дабы повторение кода по видео работало, надо установить пятую версию данной библиотеки. Для шестой версии роутинга решил записать отдельный цикл видео, первое из цикла kzfaq.info/get/bejne/Zselhpx1s7rRqnk.html

Пушка, Михаил, просто пушка. Вы мне этот react, redux тупо вдолбили, спасибо)

Прям то что мне сейчас нужно, спасибо!!!

Долго искал подходящий вариант регистрации, наконец-то нашел! Спасибо большое за видео)

Спасибо за столь полезные видосы по Реакту :)

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

Михаил спасибо. Многому научился благодаря твоим видосам

Пара ложек дёгтя к ролику. Если где я ошибся - пожалуйста прокомментируйте. 1) Сама идея определять залогинен ли пользователь чисто по данным из store ошибочна. Данные в store не могут в текущем виде являться этому подтверждением. Актуальность этих данных необходимо контролировать. Для этого можно использовать хук onAuthStateChanged из библиотеки firebase/auth. 2) Так же удаление данных о пользователе из store не является фактом того, что сессия авторизации закрыта в том числе и на сервере базы данных. Логаут на сервере можно выполнять с помощью метода signOut из библиотеки firebase/auth. Пожелание. Есть специализированная библиотека react-redux-firebase. Было бы здорово, если бы в теме про react и firebase рассказали стоит ли её использовать в сравнении с официальным SDK firebase. Вместе с тем хочу отметить, что ваши ролики о redux-toolkit - это лучшее, что мне удалось найти на русском языке. Поэтому буду благодарен, если в своих роликах, где используется redux-toolkit, также будете использовать библиотеку redux-persist или её специализированный форк reduxjs-toolkit-persist, или другой способ кеширования. А то уж слишком часто приходится бороться с ошибками из-за redux-persist.

Благодарю за отличнейшую работу и подачу материала!

4:05 на 2023 год код должен выглядеть так 5:12 код должен выглядеть так const HomePage = () => { return ( HomePage ); };

Лайк и смотрим

Спасибо, очень интересно и доступно.

Спасибо за ваш труд, очень интересно, пробую повторить :)

Благо дарим, Михаил!!! Удачи Вам!

Очень крутой канал! весь контент на высоте! Спасибо Михаил, продолжайте в том же духе))

Круто! Спасибо за урок!

Спасибо большое. с удовольствием смотрю твои видео, все просто и понятно)

Спасибо большое за видео. Очень полезно и подробно. А будет видео, где можно получать данные получать данные,которые пользователь добавил в бд(к примеру у каждого пользователя возможность на сайте добавить закладки, они хранятся в firebase и при авторизации, каждый пользователь будет получать свои закладки)

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

Очень крутой канал!

Михаил, спасибо большое за время и труд! Мне кажется подход раскрыт не до конца. Есть минус вашего подхода, который не сразу понятен. Сам минус: Что будет если авторизованный юзер откроет ещё вкладку? Будет то, что стейт в редаксе пуст, нужно логиниться заново. Вопрос: Как измениться подход авторизации при множественном выборе вкладок в сравнении с данным проектом? Хранить ли информацию о юзере и токенах в редаксе или же использовать localStorage? Буду признателен за ответ. PS. Ролик сделан на высшем уровне

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

FirebaseError: Firebase: Error (auth/network-request-failed). VPN не помогает, все равно ошибка остается, все проверил, никак не исправлется(

у тебя есть классный туториал по реакт роутингу, и оттуда ссылка на этот урок, когда ты делаешь авторизацию. Было бы здорово, если бы ты сделал новый урок, который бы расширил тот (с реакт роутингом), так как в этом используется синтаксис старого роутера.

Супер. Спустя два года код не изменился)

В 6 версии react-router-dom хук useHistory не доступен. Вместо import { useHistory } from 'react-router-dom' Сделайте import { useNavigate } from 'react-router-dom'; В компоненте: const navigate = useNavigate(); И в функции: navigate('/')

О, вовремя , щас глянемс

Спасибо!!!

const user = await signInWithEmailAndPassword(auth, email, password); const newUser = user as unknown as OAuthCredential; в newUser уже будет доступен accessToken

Молодец

Огромное спасибо! А планируется что-нибудь по SSR?

Супер, саул

Окей, а как работает то, чтобы например юзер регается - входит и у него своя личная инфа на сайте? Допустим, личный список задач, а у другого юзера другой - свой список задач уже, это автоматом определяется уже на firebase или ручками как-то?:)

oчень крутое видео

Классное видео. А есть гайд где объясняется как создать базу данных привязанную к конкретному пользователю в firebase?

Спасибо за видео, а есть такая возможность, чтобы добавить какие-то параметры у пользователя, допустим: аватарку и описания профиля, как это сделать ?

Привет! А как сделать кастомные страницы подтверждения почты и сброса пароля? В шаблонах firebase есть возможность указать свою action URL для письма, но ссылка становится общей для всех действий, различия лишь в mode=... который идет в query параметрах. Просто страницы с формами то разные для различных действий, а ссылка одна.

Можно сделать видео по добавлению cookie на данную регистрацию/авторизацию?

Здравствуйте Михаил. Вопрос: куда можно вынести эти действия которые мы делаем в handler'e нажатия на кнопку? Чтобы не нагромаждать сильно код в компоненте. (я про саму логику авторизации. когда мы в функции обработчике вызываем все эти методы авторизации)

Было бы круто если бы вы сняли видео для обновленной версии react-router-dom

объясни пожалуйста в чем разница делать авторизацию твоим способом либо же через java spring. Пишу диплом и вот стоит выбор

Михаил добрый день)Скажите пожалуйста у меня немного не по теме и достаточно спецефический вопрос)Возможно ли стать React Native разработчиком, понимая неплохо реакт но не имея коммерческого опыта по реакту!?...

Если у кого на Vite ругается на api key, то нужно данные забивать в таком формате: VITE_apiKey = и т. д.

У меня приложение просто превращается в белый экран, если в main.ts импортирую './firebase.ts'. С чем это связано? (на данный момент саму логику авторизации и регистрации, начиная с 20:46 как на видео, не делал, вдруг это влияет)

Михаил, будет ли обновленная авторизация на Route 6?

Нужно ли делать запросы в бд фаирбейза в санках? или в самих компонентах это норм подход?

найс

Кто нибудь сталкивался с ошибкой на 27:00 "reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers

Как называется расширение для снипитов React?

Добрый день, Михаил! Спасибо за урок! Подскажите пожалуйста, у меня перекидывает на страницу с "Welcome", только после второго входа. Первый вход записались данные в state, и только со второго он их читает и понимает, что у нас есть пользователь и условие в HomePage срабатывает. В чем может быть проблема?

А как правильно хранить авторизацию при перезагрузке, если localStorage и cookie - это небезопасно ?

Михаил, здравствуйте! Простите за небольшой оффтоп, очень интересно узнать название пака иконок, которую Вы используете в vscode, подскажите пожалуйста ?

При регистрации ошибка FirebaseError: Firebase: Need to provide options, when not being deployed to hosting via source. (app/no-options). Подскажите как исправить пожалуйста

Здравствуйте, спасибо большое, использовал ваше видео для реализации пет проекта. Всё предельно ясно, объясняете как бог ) один вопрос, у меня при вводе, пароль видимый, как это исправить?

А что будет, если превысить лимиты бесплатные в firebase? Он перестанет запросы принимать?

После деплоя на vercel консоль выдает ошибку firebaseerror: firebase: error (auth/invalid-api-key) Upd: надо было на vercel переменные апишки отдельно импортировать.

Помогите пожалуйста, только что делал приложение по примеру, во-первых немного обновился роутер дом(6 версия), поэтому на главной странице redirect пришлось изменить на useNavigate, но теперь когда я авторизовываюсь, открывается главная страница, но при её обновлении пользователь как бы "стирается"(не авторизован) и вместо редиректа на страницу логина отображается пустая страница, т.е при обновлении страницы данные которые берутся из хука useAuth обнуляются и страница не рендерится. В консоли пишет что я должен использовать navigate в useEffect. Подскажите как исправить это

Пожалуйста сними RTK Query + Firebase =)

Некоторые компоненты в библиотеках были изменены с загрузки данного видео (ОБРАЩАЙТЕ НА ЭТО ВНИМАНИЕ)

16:43 про env

Люди, кто знает как решить эту ошибку? export 'userReducer' (imported as 'userReducer') was not found in './slices/userSlice' (possible exports: default, removeUser, setUser)

Зашел в комментарии поискать информацию об интерцепторах токена, на функциях, но так и не нашел информации😢

a jwt токен есть возможность использовать в firebase? с куки я так понял он не работает?

Hello Sir, thank you for this tutorial. I am trying to implement writing an AsyncThunk middleware which works with all the methods that you have used - 'signInWithEmailAndPassword' for login for example. I noticed that you prefer to await the results and synchronously then dispatch your reducers. Do you have experience with doing the same but asynchronously with the async thunks? Thank you in advance!

Слышал много про замену небольшого бека для фронтенда с помощью firebase'a. Сильно ли он ограничен по функционалу если сравнивать с бэком для среднего по объему интернет-магазина? Хочу попробовать сделать проект для себя, а в бэке я дуб дубом

Михаил, почему ты используешь формат файлов jsx, вместо js?

Может подскажете, почему компонент Form это div. Там 2 инпута и кнопка. И если заменить на div на form то авторизация перестает работать

Attempted import error: 'Switch' is not exported from 'react-router-dom'. Это из-за того, что у меня 6-ая версия react-router-dom, а в видео используется 5-ая? Подскажите, как решить данную проблему?

Добрый день! Скачал исходник, далее все настроил под себя, запустил проект, заполнил поле email и password нажимаю на кнопку register, после чего сайт тупо зависает не знаете в чем проблема?

а эти данные о пользователях можно скачать?

почему у вас внукция handleClick была не написана но у вас все еще работает?

Не знаете почему на этапе первого запуска(27:58) вот такая ошибка: FirebaseError: Firebase: Error (auth/user-not-found).?

Здраствуйте Михаил, я полностью переписала ваш код, на экран ничего не выходит, просто белый экран. Мне кажется он не может читать: const app = initializeApp(firebaseConfig); из firebase.js. что делать в таком случае? очень надеюсь на обратную связь))

здравствуйте, можете снимать видео о react crud и авторизация вместе ??? спасибо

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

Если есть ошибка с элементом Redirect на странице, то замените его на Navigate

Подскажите пожалуйста, для чего нужен AppDispatch? что будет если использовать базовый useDispatch?

У кого проблемы с accessToken создайте новый интерфейс и используйте его: export interface IUser extends User { accessToken: string; }

Всем привет! можете кто нибудь сказать для чего нужен access token в firebase?

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

Как сделать чтобы авторизация сохранялась после обновления страницы?

ребят, если в тайпскрипт проект засунуть jsx, будет ли он работать?

Uncaught TypeError: Cannot destructure property 'email' of '(0 , react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(...)' as it is undefined.

А как сбросить пароль, кто может подсказать?

Привет Михаил, подскажите как это исправить? FirebaseError: Firebase: Error (auth/network-request-failed).

У меня аналогичная проблема Firebase: Error (auth/invalid-api-key). FirebaseError: Firebase: Error (auth/invalid-api-key).

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

Ты брат Яна Непомнящего

А если будет рефреш страницы, юзер разлогинится?

when you reload the page, you will be logged out of your account (this is a big minus

Кто-нибудь сталкивался с ошибкой : Firebase: Error (auth/network-request-failed)? Повторял всё по видео и показывает данную ошибку.Что делать?

Разрешение видео очень плохое.. 360p всего

видео безнадежно устарело, нет смысла смотреть

Честно, мало понимаю логику автора: писать асинхронные функции в компоненте а потом их диспатчить? Смысл тогда асинхронной логики Redux? Поверхностно показали примерчики из документации двух библиотек по отдельности, а связать их нормально так и не смогли. Я имею ввиду, что должны быть отдельные асинхронные actions, которые все бы делали не внутри React компонентов, а внутри redux логики. А это что? Мухи с котлетами кушать. А в документации firebase до onAuthStateChanged, похоже, автор даже не дочитал. Подгорело у меня знатно, видя, что человек учит так связывать redux и firebase. Лучше бы уже показал react-firebase-hooks.

Если кто-нибудь захочет использовать react-router-dom v. 6, то useHistioy замените на useNavigate "const navigate = useNavigate(); navigate("/");"

C токенами все же неясно, какой использовать в дальнейшем для работы с юзером. accessToken и refreshToken отличаются. Рефреш есть в типизации ответа, а вот accessToken приходится с тс брать через странную констуркцию const response: any = res.user.toJSON(), token: response.stsTokenManager.accessToken