React стек 2022. TypeScript, Redux Toolkit, RTKQuery, Tailwind

Исходники тут: 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

[@VladilenMinin]

Как в старые добрые, такой контент остается на канале) Исходники лежат тут - подписывайтесь: t.me/js_by_vladilen/485 Мастеркласс по React для начинающих: kzbin.info/www/bejne/npLMmnWQjJlogKc

[@dzhameliaw4097]

Ѳфѳѳ

[@res-x]

А вместе всех этих квери и тд, можно было бы использовать axios?

[@prince-of-the-mist]

Хочу выразить Вам огромную благодарность за данное видео. Это именно то, что я так долго искал. Смог наконец-то увидеть нормальный практический пример разработки на TS и React с применением redux, а также познакомился с api. Большое спасибо!

[@user-qg1iv9xq6h]

Владилен, у вас хорошо получается рассказывать о разных технологиях. Побольше бы таких роликов.

[@user-so5wq2rv8w]

Вот это норм. Когда есть информация по сути. Когда нет недостойной "возни", а только обучение. Класс, много научился от тебя. ( не только от тебя конечно, но твоя часть существенна)

[@user-rd8ub1wc3h]

Спасибо Большое за уроки! Пожалуйста выпускайте почаще такие уроки они очень сильно помогают в обучении.

[@webmobiledev]

Владлен спасибо! И отдельное спасибо за сразу выложенные исходники))

[@antonchudinov2057]

Просто шикарный пример разработки. Спасибо за труд!

[@user-bc8fd3eo2r]

А ты хорош! Спасибо за контент, тем более в свободном доступе. Всё четко, грамотно, у тебя талант объяснять. Учился на твоих роликах в том числе. Благодарен тебе !!!

[@kirillgreenberg2403]

Владилен, спасибо тебе за твой труд! Здоровья и успехов в жизни!!!

[@user-qg6qb2lg8d]

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

[@vadymkononenko685]

Можно побольше таких видосов, которые покрывают большинство кейсов?) Подобные рубрики самые лучшие) #react #ts #redux #tailwind

[@user-td3bz8st6v]

Эти функции просто прекрасны! Код написан прям офигительно четко, я бы даже сказал шедеврально. Очень понравился и зашел урок. За это всегда люблю смотреть твои уроки Владилен.!!!!

[@ivanoliinyk8404]

Треба більше контенту данного формату, вподобайка, лайк !)

[@user-vf6gy9il9s]

Спасибо тебе за контент, ты и учишь, и мотивируешь своим образом и мыслями :)

[@aleksandrivanov3722]

Спасибо за лаконичную подачу, нашел несколько моментов по RTK для себя, хотя используем его уже год в проде) Классный пример со стилями.

[@ilyakovin4167]

Спасибо. Начинал кодит, когда твой канал только начинался. Даже давал комментарии первым на роликах по TS. Спасибо! Ты топ!

[@user-jj3jw1po8e]

Спасибо за контент! 👍 Эта инфа для меня очень актуальна😇

[@lexsk7361]

Очень ждал! Спасибо, Владилен

[@user-sj4uc2uu2z]

Сейчас прохожу курс Владилена по этим технологиям, обязательно к просмотру)

[@sergeymaksimov3441]

Лайк просто за заголовок видео)) Посмотрю на досуге! Спасибо за подобный контент!

[@yevhenzahorniak868]

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

[@polskolg]

Спасибо за урок, очень было полезно! Изучаю реакт, но с ts и redux ещё не работала, так что это прям то, что нужно)

[@adeptusCustodius]

Ты лучший, Владилен! Спасибо за толковый контент!

[@mrrobot7387]

как всегда классное видео, интересный материал, хорошая подача. спасибо, Владилен!

[@user-yj8tf7xb6g]

очень полезное видео. Очень хорошо все объяснено, все по полочкам, спасибо!

[@arlenm1472]

Спасибо за труд! TypeScript, Redux Toolkit, RTKQuery, Tailwind

[@antogonyst5515]

Потрібно більше таких відео😁

[@biLLie_wiLLie]

Отличное видео. Спасибо, Владилен

[@maxmashpit610]

Владилен, спасибо! Я в своё время покупал твой курс по ангуляру, нашёл работу благодаря твоему подходу к обучению.. Реакт тоже нужен, буду изучать

[@theway_up]

Привет, можешь подсказать почему у меня Provider не видит: Cannot find module 'react-redux' or its corresponding type declarations. Что за хрень, я уже задолбался с этой проблемой

[@redhook777]

@@theway_up наверное уже неактуально, но все же . npm install react-redux

[@theway_up]

@@redhook777 я проверял json файл, там всё было ок

[@raminhesenov1376]

Больше спасибо за дельный контент. Я многому научился благодаря вашим видео. Еще раз благодарю

[@user-oc5uc3gi2p]

Спасибо большое за интересный урок.

[@maximbagrayntsev5154]

Офигительный материал. Доходчиво и все по делу!

[@vitka0]

Спасибо, как всегда очень полезно!

[@johnstrayk5208]

Спасибо за такие видосы, я под них засыпаю просто отлично.

[@nikolyovin]

Отличный урок, хотелось бы побольше такого контента !

[@user-hd7mi3tj5r]

Топ контент! Отличная подача информации! Спасибо огромное!

[@zmeygorynych5684]

Очень доходчиво объясняешь, побольше бы технических видосов.

[@gritsienkooleg3447]

Владилен спасибо тебе огромное! Будь счастлив!

[@bv9876]

Классное видео, как всегда! Хотелось бы увидеть разработку SSR на реакте без использования фреймворков типа NextJs, надеюсь когда-нибудь такое у тебя появится :)

[@redhook777]

А чем тебе next не нравится?

[@ADULIK1994]

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

[@ketevansharabidze9847]

Спасибо большое за ваш труд!

[@o_antushevich]

Крутейшее объяснение! Спасибо за видео

[@user-dl1jf8vo2q]

спасибо за такой подробный и качественный материал!

[@gordiylezgin5819]

Очень интересно,побольше бы таких видео

[@user-eq6cx7eu2d]

очередной годный контент, спасибо за труд

[@kenanhaciyev3759]

Ну просто шикарно, большое спасибо

[@forellko8600]

Спасибо за крутой контент! :)

[@user-hn2vt6fe3q]

Большое спасибо за чёткое и ясное объяснение материала.

[@kirilturbinski6637]

Очень полезный контент! Огромное спасибо) Когда допиливаешь кнопку Remove из самой FavouritePage, удобней получается))

[@Ramosok]

Спасибо большое за этот ролик!

[@garikmelqonyan9130]

Good job Vlad, thanks!

[@yaroslavc1322]

Отличное видео, спасибо!

[@viap.2845]

контент который долго искал, тооп

[@PGM437]

Продолжай идти к своей цели

[@user-zf7oh5iv3l]

спасибо большое, уважаемый человек)

[@Zubairavvv]

Контент нам очень полезен!

[@den_plotnikoff]

Порой уроки смотрятся легче и на одном дыхании, нежели какие-нибудь фильмы

[@vitalinko55]

Владилен очень крутой ролик..... больше таких роликов 🙏🙏🙏

[@dimadziurzia6275]

Крутейший материал!

[@user-ki8ij8xi9c]

круто! спасибо! 👍👍

[@googleuser3742]

Thank you very much for your work :)

[@user-lz5mb5nj2r]

То чё надо)

[@alexandrkhristenko5723]

Владилен спасибо тебе за ролик.

[@stas8696]

спасибо!! полезный видос, однозначно лайк

[@user-yz8zd2hc4e]

Здравствуйте! Спасибо за полезного видео информация.

[@the_fisherman560]

спасибо тебе за твой труд

[@sha_lapai7230]

Оп оп оп, годнота подъехала)))

[@Lexik8908]

Супер!!!👍

[@komilolimov2257]

Спасибо большое Владилен как всегда ты лучщий из лучщих

[@serjchaban8114]

супер , очень рад

[@ol1175]

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

[@bebe247]

То, что надо))

[@Games-rw8zd]

Молодец, побольше бы таких видосоа

[@mariins267]

Прошла ваш курс по html, css , сейчас js, спасибо, вы талантливый учитель!

[@McNeelone]

Если жс учите, то до фреймворков ещё далеко.

[@mariins267]

@@McNeelone я знаю

[@just__did__it]

@@McNeelone не так уж и далеко

[@redhook777]

@@McNeeloneУ Vue очень низкий порог входа

[@user-vm5fh5jp9r]

Было бы супер. Как раз связкой React+Typescript интересуюсь. Tailwind тоже интересен

[@beibarysmaksatuly8898]

Супер контент😎😎

[@alexklimovich2439]

Владилен, очень благодарен тебе, перешёл со стека php wordpress на ts react node, твой курс по mern шикарен

[@rich_6585]

Вот то же перехожу. А то с этими CMS только проблем себе нахожу:)

[@webmobiledev]

@@rich_6585 проблема в том, что не каждого заказчика можно убедить на react, они про него и не знают, а вот WP очень даже знают))

[@alexklimovich2439]

@@rich_6585 важно понимать, что работа с wp и с react, это совсем разные бюджеты. Я после пыхи пошел чуть ли не сеньором на реакт. Но решил побыть на позиции мидла в продуктовой компании

[@rich_6585]

@@alexklimovich2439 да, я это понимаю. Были заказы на wp, +- стоимость 20к. Но, чтобы забрать эти деньги, с заказчиком надо воевать, тратя на это месяц/два. Возможно это мне такие попадались, но опыт с первых дней максимально негативный. Сейчас делаю небольшой проект на react, стоимость на 300$, работы максимум на 1-2 недели. Да и то продешевил, так как первый заказ на этой технологии. И это просто вёрстка, без бэкенда.

[@alexklimovich2439]

@@rich_6585 Кстати да, прям в точку, wp слишком огромный и слишком универсальный, и потому приходится костылить что-то ну просто в каждом проекте. Да, растягивание недельных проектов на месяц, это прям про wp. Потому я обычно веду минимум 4 проекта одновременно

[@samirvaliyev]

Thank you for this lesson

[@SntSwetlana]

спс, делай свое дело! Заинтересованые разберутся и в обновлениях синтаксиса и в смене парадигмы некоторых фреймворков со временем!

[@nspm_soul9459]

Не, ну просто лучший/ Сразу знаю)

[@haibova_irisha]

здравствуйте . спасибо большое за такой полезный материал ! не планируете снять еще видео в таком формате?

[@top-mma-news]

Спасибо)

[@flashback8504]

Владилен , круто , хотелось бы Ангуляр увидеть))

[@boburmustafo8868]

spasibo vse super

[@VakiTaki]

спасибо вам огромное

[@19n1ght]

1:14:29 useState для хранения isFav - лишнее. Если у нас немного данных в store, то можно прямо в компоненте вычислять это значение. Если данных много, то можно использовать Set вместо string[] в сторе и получать isFav всегда быстро - сложность поиска в Set - O(1)

[@DarkzarichV2]

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

[@19n1ght]

@@DarkzarichV2 Set поддерживает протокол итератор, поэтому его не нужно преобразовывать в массив чтобы пройтись по нему.

[@DarkzarichV2]

@@19n1ght Да, я знаю, что это итератор, но чтобы именно map сделать в jsx - не выйдет, только форофом или форичем в отдельной функции и там всё равно придётся собирать массив, проще Array.from сделать, всё равно одно и то же будет

[@19n1ght]

@@DarkzarichV2 да, Вы правы, с map в jsx не выйдет

[@gritsienkooleg3447]

Воу воу!

[@albertrockalfredo8250]

Благодарю

[@xanim_iva98]

spasibo wikarniy rolik, ocen pomoq

[@user-ru8td6yd6f]

Автору огромное спасибо за урок, полезная информация, единственное звук на видео низкий

[@sarras5719]

Thank`s very much :)

[@BROV1]

зачем я это смотрю.. я даже не фронтэндер

[@reddragon276]

Я откуда знаю? Я фронтендер

[@gritsienkooleg3447]

🤣

[@user-jo7nx1lc4h]

А я откуда знаю я вообще фулл стек 😂😂

[@ai-bloggers]

Пушка

[@Swile93]

Я только включил видос, но пишу сразу спасибо🙂

[@alexandrkharchenko5693]

требуем подобного видео, об актуальном стеке в связке с vue/nuxt !)

[@and9133]

В CRA есть готовый темплейт для TS + RTK. Но в нем используется другая архитектура - деление на фичи. Тоже довольно удобный подход, всем советую потыкать) Команда для генерации: npx create-react-app ИМЯ_ВАШЕГО_ПРОЕКТА --template redux-typescript И спасибо за видео, на днях буду пробовать tailwind 😊

[@user-rp8oy2kf5d]

Лайк и комментарий из четырёх слов

[@jetsker6388]

Урааааааа

[@707bober]

Спасибо. Было бы круто записать что-то подобное для Vue

[@v.demchenko]

Топ