React стек 2022. TypeScript, Redux Toolkit, RTKQuery, Tailwind
Вставка
- Опубліковано 13 лип 2022
- Исходники тут: t.me/js_by_vladilen/487
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мастеркласс по React: • Разработка SPA на Reac...
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.school.it
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Получить профессию Frontend разработчика -
bit.ly/3bzTr5X
Подробнее узнать об обучении в Result School -
bit.ly/3QTbUKQ
Бесплатный курс HTML & CSS - bit.ly/3NnFUvs
Сделать 5 проектов на JavaScript - bit.ly/3OGfJ47
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Продвинутый React. В видео технологии: TypeScript, Redux Toolkit, RTKQuery, Tailwind
Как в старые добрые, такой контент остается на канале)
Исходники лежат тут - подписывайтесь:
t.me/js_by_vladilen/485
Мастеркласс по React для начинающих: ua-cam.com/video/haiiBZW45JE/v-deo.html
Ѳфѳѳ
А вместе всех этих квери и тд, можно было бы использовать axios?
Хочу выразить Вам огромную благодарность за данное видео. Это именно то, что я так долго искал. Смог наконец-то увидеть нормальный практический пример разработки на TS и React с применением redux, а также познакомился с api. Большое спасибо!
Владилен, у вас хорошо получается рассказывать о разных технологиях. Побольше бы таких роликов.
А ты хорош! Спасибо за контент, тем более в свободном доступе. Всё четко, грамотно, у тебя талант объяснять. Учился на твоих роликах в том числе. Благодарен тебе !!!
Спасибо Большое за уроки! Пожалуйста выпускайте почаще такие уроки они очень сильно помогают в обучении.
Владлен спасибо! И отдельное спасибо за сразу выложенные исходники))
Владилен, спасибо тебе за твой труд! Здоровья и успехов в жизни!!!
Просто шикарный пример разработки. Спасибо за труд!
Спасибо тебе за контент, ты и учишь, и мотивируешь своим образом и мыслями :)
Треба більше контенту данного формату, вподобайка, лайк !)
Эти функции просто прекрасны! Код написан прям офигительно четко, я бы даже сказал шедеврально. Очень понравился и зашел урок. За это всегда люблю смотреть твои уроки Владилен.!!!!
Очень своевременный видеоурок, достаточно подробно рассказал, как что нужно делать, однозначно лайк)
Спасибо за лаконичную подачу, нашел несколько моментов по RTK для себя, хотя используем его уже год в проде) Классный пример со стилями.
Спасибо. Начинал кодит, когда твой канал только начинался. Даже давал комментарии первым на роликах по TS. Спасибо! Ты топ!
Вот это норм. Когда есть информация по сути. Когда нет недостойной "возни", а только обучение. Класс, много научился от тебя. ( не только от тебя конечно, но твоя часть существенна)
Спасибо за контент! 👍
Эта инфа для меня очень актуальна😇
Дякую дуже класна подача, нещодавно знайшов цей канал зараз не можу зупинитись )
как всегда классное видео, интересный материал, хорошая подача. спасибо, Владилен!
Очень ждал! Спасибо, Владилен
Лайк просто за заголовок видео)) Посмотрю на досуге! Спасибо за подобный контент!
Ты лучший, Владилен! Спасибо за толковый контент!
Больше спасибо за дельный контент. Я многому научился благодаря вашим видео. Еще раз благодарю
Потрібно більше таких відео😁
Спасибо за урок, очень было полезно! Изучаю реакт, но с ts и redux ещё не работала, так что это прям то, что нужно)
Можно побольше таких видосов, которые покрывают большинство кейсов?) Подобные рубрики самые лучшие) #react #ts #redux #tailwind
очень полезное видео. Очень хорошо все объяснено, все по полочкам, спасибо!
Топ контент! Отличная подача информации! Спасибо огромное!
Офигительный материал. Доходчиво и все по делу!
Спасибо за труд! TypeScript, Redux Toolkit, RTKQuery, Tailwind
Спасибо за такие видосы, я под них засыпаю просто отлично.
Отличное видео. Спасибо, Владилен
Спасибо, как всегда очень полезно!
очередной годный контент, спасибо за труд
Крутейшее объяснение! Спасибо за видео
Спасибо большое за ваш труд!
Очень доходчиво объясняешь, побольше бы технических видосов.
Большое спасибо за чёткое и ясное объяснение материала.
Очень интересно,побольше бы таких видео
Спасибо большое за интересный урок.
Ну просто шикарно, большое спасибо
спасибо за такой подробный и качественный материал!
Спасибо за крутой контент! :)
Отличный урок, хотелось бы побольше такого контента !
Таких видосов нужно больше, у меня есть опыт, но все равно я всегда слежу за вами
Владилен, спасибо! Я в своё время покупал твой курс по ангуляру, нашёл работу благодаря твоему подходу к обучению.. Реакт тоже нужен, буду изучать
Привет, можешь подсказать почему у меня Provider не видит: Cannot find module 'react-redux' or its corresponding type declarations. Что за хрень, я уже задолбался с этой проблемой
@@theway_up наверное уже неактуально, но все же . npm install react-redux
@@redhook777 я проверял json файл, там всё было ок
контент который долго искал, тооп
Владилен спасибо тебе огромное! Будь счастлив!
Сейчас прохожу курс Владилена по этим технологиям, обязательно к просмотру)
Отличное видео, спасибо!
Спасибо большое за этот ролик!
Очень полезный контент! Огромное спасибо) Когда допиливаешь кнопку Remove из самой FavouritePage, удобней получается))
Владилен очень крутой ролик..... больше таких роликов 🙏🙏🙏
спасибо большое, уважаемый человек)
Good job Vlad, thanks!
Спасибо большое Владилен как всегда ты лучщий из лучщих
спасибо!! полезный видос, однозначно лайк
Контент нам очень полезен!
Оп оп оп, годнота подъехала)))
Владилен спасибо тебе за ролик.
Крутейший материал!
Классное видео, как всегда! Хотелось бы увидеть разработку SSR на реакте без использования фреймворков типа NextJs, надеюсь когда-нибудь такое у тебя появится :)
А чем тебе next не нравится?
круто! спасибо! 👍👍
спасибо тебе за твой труд
Здравствуйте! Спасибо за полезного видео информация.
Thank you very much for your work :)
Спасибо спасибо большое большое !!!
Молодец, побольше бы таких видосоа
супер , очень рад
То, что надо))
Не, ну просто лучший/ Сразу знаю)
Продолжай идти к своей цели
То чё надо)
Супер контент😎😎
Владилен, очень благодарен тебе, перешёл со стека php wordpress на ts react node, твой курс по mern шикарен
Вот то же перехожу. А то с этими CMS только проблем себе нахожу:)
@@rich_6585 проблема в том, что не каждого заказчика можно убедить на react, они про него и не знают, а вот WP очень даже знают))
@@rich_6585 важно понимать, что работа с wp и с react, это совсем разные бюджеты. Я после пыхи пошел чуть ли не сеньором на реакт. Но решил побыть на позиции мидла в продуктовой компании
@@alexklimovich2439 да, я это понимаю. Были заказы на wp, +- стоимость 20к. Но, чтобы забрать эти деньги, с заказчиком надо воевать, тратя на это месяц/два. Возможно это мне такие попадались, но опыт с первых дней максимально негативный.
Сейчас делаю небольшой проект на react, стоимость на 300$, работы максимум на 1-2 недели. Да и то продешевил, так как первый заказ на этой технологии.
И это просто вёрстка, без бэкенда.
@@rich_6585 Кстати да, прям в точку, wp слишком огромный и слишком универсальный, и потому приходится костылить что-то ну просто в каждом проекте. Да, растягивание недельных проектов на месяц, это прям про wp. Потому я обычно веду минимум 4 проекта одновременно
здравствуйте . спасибо большое за такой полезный материал ! не планируете снять
еще видео в таком формате?
1:14:29 useState для хранения isFav - лишнее. Если у нас немного данных в store, то можно прямо в компоненте вычислять это значение. Если данных много, то можно использовать Set вместо string[] в сторе и получать isFav всегда быстро - сложность поиска в Set - O(1)
Тут нужно учесть, что чтобы Set использовать в сторе надо много чего еще сделать, а потом увеличивается сложность прохода по значениям, т.к. Set надо сначала в массив переводить, чтобы мапиться по нему
@@DarkzarichV2 Set поддерживает протокол итератор, поэтому его не нужно преобразовывать в массив чтобы пройтись по нему.
@@19n1ght Да, я знаю, что это итератор, но чтобы именно map сделать в jsx - не выйдет, только форофом или форичем в отдельной функции и там всё равно придётся собирать массив, проще Array.from сделать, всё равно одно и то же будет
@@DarkzarichV2 да, Вы правы, с map в jsx не выйдет
Прошла ваш курс по html, css , сейчас js, спасибо, вы талантливый учитель!
Если жс учите, то до фреймворков ещё далеко.
@@McNeelone я знаю
@@McNeelone не так уж и далеко
@@McNeeloneУ Vue очень низкий порог входа
спасибо вам огромное
Супер!!!👍
Thank you for this lesson
Спасибо)
Порой уроки смотрятся легче и на одном дыхании, нежели какие-нибудь фильмы
спс, делай свое дело! Заинтересованые разберутся и в обновлениях синтаксиса и в смене парадигмы некоторых фреймворков со временем!
spasibo vse super
В данном уроке сама программа WebStorm напоминает JDK. VisualStudio обладает такими же свойствами как WS?
Было бы супер. Как раз связкой React+Typescript интересуюсь. Tailwind тоже интересен
зачем я это смотрю.. я даже не фронтэндер
Я откуда знаю? Я фронтендер
🤣
А я откуда знаю я вообще фулл стек 😂😂
Благодарю
Владилен , круто , хотелось бы Ангуляр увидеть))
Thank`s very much :)
Возможно подскажите, я пробую в params передать запрос из двух слов. По итогу эндпоинт формирует запрос так первоеСлово+второеСлово. А мне требуется чтобы вместо плюса между словами в запросе было %20.
Автору огромное спасибо за урок, полезная информация, единственное звук на видео низкий
Я только включил видос, но пишу сразу спасибо🙂
Thanks a lot. This is very helpful. One question: why are you not using redux-persist, to store data on local storage? Is very easy to use. Instead manage LocaStorage manually, redux persist will do it for you
Добрый день, спасибо за ролик! Подскажите все сделал по мануалу, но не работает autoprefixer. У меня WebStorm.
Добрый день. А как быть если json ответ не соответствует моей модели? Там есть какой-то встроенный декодер как в SwiftUI? Допустим у меня в модели переменная avatarUrl, а в json это avatar_url
Почему сразу после создания приложения или установки tailwind, сразу же 6 очень серьёных уязвимостей выдаёт npm? Когда по видосу с ангуляром всё делал, такого не было.
Лайк и комментарий из четырёх слов
spasibo wikarniy rolik, ocen pomoq
В CRA есть готовый темплейт для TS + RTK. Но в нем используется другая архитектура - деление на фичи. Тоже довольно удобный подход, всем советую потыкать)
Команда для генерации:
npx create-react-app ИМЯ_ВАШЕГО_ПРОЕКТА --template redux-typescript
И спасибо за видео, на днях буду пробовать tailwind 😊