#20: 🍕 React Pizza v2 - Что такое TypeScript и зачем он нужен?

Подписаться 74 тыс.

Просмотров 19 тыс.

50% 1

React Pizza V2 - Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.
Более подробней тут: www.notion.so/...
Исходники доступны в Boosty или в моём Telegram-канале: t.me/archakov_im
❤️ Поддержка:
- Boosty (исходники, макеты): boosty.to/arch...
- Донаты: www.donational...
Старый курс React Pizza - • #1: React Pizza - разр...
👀 Демо: react-pizza-v2...
📝 Полный стек:
- ReactJS 18
- TypeScript
- Redux Toolkit (хранение данных / пицц)
- React Router v6 (навигация)
- Axios + Fetch (отправка запроса на бэкенд)
- React Hooks (хуки)
- Prettier (форматирование кода)
- CSS-Modules / SCSS (стилизация)
- React Content Loader (скелетон)
- React Pagination (пагинация)
- Lodash.Debounce
- Code Splitting, React Loadable, useWhyDidYouUpdate
Ссылка на исходник: github.com/Arc...
Ссылка на вёрстку: github.com/Arc...
Ссылка на дизайн: www.figma.com/...
Таймкоды: еще не готовы
📢 Платный курс по ReactJS с наставником: mentor.archako...
🔗 Следите за обновлениями и информацией в:
- Telegram-канале: t.me/archakov_im
- VK: archako...
- Личном блоге: archakov.im
- GitHub: github.com/Arc...
- Моё резюме: career.habr.co...

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 98

@ДмитрийДубовцев-ч8о 8 месяцев назад

первые 45 секунд - то ради чего стоит учиться! Спасибо тебе!

@starig-bb 2 года назад

pov: 1 час и 5 минут Дэн уговаривает меня начать изучать ts

@eradil 2 года назад

😂

@zakiro4277 2 года назад

точно))

@GUNTRUP_ Год назад

братан ,изучай тайпскрипт

@clojure_sith Год назад

Уговорил же

@abylayizmuratov3908 2 года назад

спасибо за крутой бесплатный контент. Таких уроков даже на Юдеми нет !!!

@burunduckc Год назад

Я даже не знаю, как еще хвалить автора. ЗА деньги я получаю иногда не такой контент, как в бесплатном материале. Спасибо огромное арчакову!)

@shokhrookhr3850 2 года назад

Спасибо большое ☺️

@MsThe13th 2 года назад

Спасибо!

@nikolaizarezako9344 2 года назад

TS реально полезная штука. Начинал его учить вместе с Реактом. И мне прям сложно и больно теперь писать на чистом JS. Одни только подсказки чего стоят. Спасибо за уроки, смотрю в режиме повторения на х2 =)

@СтройКонсалт Год назад

День 12-й. Имеем баг при переходе с параметризированного запроса назад, на любую другую страницу. Но при условии, что перед переходом на /:id был выбран любой из фильтров. Если фильтр не выбирать, то вроде все норм отрабатывает. Как фиксить - хз, остается надеяться, что далее по курсу проблема будет решена. В целом, процесс идет. Дэну респект #20**20.

@kntbruh 9 месяцев назад

1337 true pacani rulezzz 11:00

@lesjoni8347 Год назад

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

@yersainaldabayev8836 11 месяцев назад

На каком сайте он смотрел вакансии?

@Daomember 2 года назад

Что с реакт менторством?

@ArchakovBlog 2 года назад

Пока на паузе. Доступен только самостоятельный тариф

@Daomember 2 года назад

@@ArchakovBlog Летом есть планы на Менторство?

@MsThe13th 2 года назад

@@ArchakovBlog а что за проекты в самостоятельном тарифе? Можешь вкратце рассказать? И вообще, имеет ли смысл проходить менторский курс, если я дошел до этого ролика и в целом все понятно )

@vaich1738 2 года назад

@@MsThe13th сделай клон твиттера в таком случае наштампуй постов

@vladimirivanov4756 2 года назад

12:30 Ну, хоть 1337, а не 1488

@wannabecoder3960 Год назад

Вася в стрингах :)

@arthurq7843 11 месяцев назад

Смело смотрите урок на х2!!!

@temeralin.t 2 года назад

у тебя талант к преподаванию, лучший👍

@theoty-js 2 года назад

Красавчик Дэннис, а мы с тебя пример берём:)

@Cat-zh6xx Год назад

Блин, прикольно. Сначала не понимал прикола тайпскрипта, а потом стал учить си одно время, и теперь тайпскрипт со своей типизацией кажется очень удобным и полезным, и наоборот удивляешься, почему типизации в js нет Правда такое ощущение, что дойдя до 20 урока, я многие предыдущие забыл уже благополучно. Что-то пометил себе в заметках, но прям хоть конспектируй, не знаю как еще запоминать это всё, хотя и не так чтобы очень сложно. Да еще и js помнить надо..

@akhmedmagomedov324 Год назад

ЧТОЖ, не знаю попадется ли тебе на глаза этот комментарий. Хочу выразить тебе огромную благодарность за проделаную тобой работу, за весь контент, у меня уже выстраилась очередь из роликов которые я буду смотреть на ТВОЕМ канале после React Pizza.

@katenka_katrusya 28 дней назад

хотела выразить благодарность за курс, это пушка-бомба. Есть у меня платный курс от тех, кто самый глубокий (если вы понимаете о чем я), там спасибо исключительно за вёрстку. Остальное невозможно нормально понять, хотя я копаюсь дополнительно в доке, с этим проблем нет, просто самому далеко не всегда можно понять какие-то темы. Так что ещё раз спасибо за такие старания

@StarkElessar 2 года назад

Спасибо Ден, за уроки! Спасибо, что объяснил все так подробно. Прикол, мой друг работает в серьёзной конторе, и вроде как у него сейчас переход с мидла на синьора, но про typeScript он не знает, и на работе его не юзают.... Прикол... И он говорит: а зачем он мне..

@MsThe13th 2 года назад

Лайк за офис и парки и зоны отдыха в презентации ))

@unclechernomor4421 2 года назад

Самое паршивое в TS это ПаскальПодобный синтаксис. Зачем было это тянуть в C - подобный синтаксис непонятно, и так вечно с разработками от Майкрософта

@skip.2753 2 года назад

Потому что кор девы тс'а парочка c# девов из майкрософта)

@GUNTRUP_ Год назад

Брат ,не поверишь ,я не учил джс ,я учил питон ,потом перешел в верстку ,а с нее перешел в реакт и сейчас вроде как успешно изучаю реакт ,как таковой джс я использовал на практике ,чаще всего джейквери ,ну ,то есть я не сидел и не зубрил задачки по джсу ,да ,может это и очень плохо ,но я пришел в реакт с фразой Димыча из айти камасутры в голове , суть ее такова ,что учи реакт ,а знание джса подтянится вместе с ним ,ну и вот изучаю ,вроде больших проблем нет в понимании и все понимаю если не с первого ,то с сотого раза ,синтаксис языка уже понял и принял , так что не знаю ,надеюсь тайпскрипт смогу обуздать ,и все дальше будет только лучше и интереснее

@NayroTV Год назад

так же, так что не бойтесь)))

@GUNTRUP_ Год назад

@@NayroTV спасибо ) позже буду изучать солидити и в связке уже есть пару оферов ,ну а тебе удачи ,и спасибо за контент

@zakiro4277 2 года назад

хочется ответить сенсею: - ладно хорошо уговорил буду я учить ваш этот typescript))

@MaksTrueman 2 года назад

1:02:21 big brother is watching you

@MrCritically 2 года назад

Ну наконец то ))) Думал уж не дождусь. Спасибо за труды !

@michaelmyers717 2 года назад

Ох, дополз я до этого урока

@kapitankrolick 10 месяцев назад

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

@Екатерина-у7ь4ч Год назад

Я сейчас на стадии: - зачем мне этот дебильный TypeScript? Я и так прекрасно живу без него

@СергейБойко-м1ъ 3 месяца назад

typescript it`s a referee

@jenek051 2 года назад

Кайф, я ждал тп🤘🤘

@zakiro4277 2 года назад

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

@up1mep 7 месяцев назад

БЛИИИИИИИН я смотрю это в 2024 году я теперь не востребованный

@vovaLYSA 7 месяцев назад

ДА

@UserDev12 Год назад

УРААА я дошел до TS

@Мария-ц8ъ2е Год назад

я дошла)))ура))

@zakiro4277 2 года назад

45:37 по сравнению с redux-thunk, typescript кажется очень легким)

@rustamakhmetyanov4404 2 года назад

- ReactJS 18 - TypeScript - Redux Toolkit (хранение данных / пицц) - React Router v6 (навигация)

@foldybek Месяц назад

спасибо за уроки!

@КлимСомов-х6с 2 года назад

Ура, я дошел до этого урока! Здарова, TS)!

@alikrekrytov6865 2 года назад

Madloba!

@helplrewerse2925 2 года назад

Спасибо, учитель

@Евгений-х7п9с 2 года назад

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

@sakinurs3084 Год назад

Ребят, кто знает аналоги mockAPI, подскажите :(

@carnivores6823 Год назад

Ты самый лучший ментор. React js typescript reactjs

@voodooshtv7883 Год назад

на 35:00 пушечный монолог, весь видос также хорош

@KOWEY 11 месяцев назад

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

@jamjam3337 Год назад

👍

@Мария-ц8ъ2е Год назад

спасибо за уроки💙 TypeScript, redux, react

@ЛусінеАтаджанян 2 года назад

Тайпскрипт - топ!

@zakiro4277 2 года назад

Назрань, стыдно но я думал там только одни борчики )

@ГеннадийГорохов-ц8н 9 месяцев назад

Спасибо шикарнейший урок по тайпскрипт!!

@lilchich4823 Год назад

спасибо за мотиацию в начале урока)

@Татьяна-ю1р2м 2 года назад

Спасибо за ролик. Подскажи, пожалуйста, что за хром-расширение у тебя стоит для изучения английского (при наведении на слова)=)

@ArchakovBlog 2 года назад

Vimbox

@kenanhaciyev3759 Год назад

наконец-то TS, обожаю)

@fmleglrmglrml Год назад

Так,этот урок достаточно бесполезный

@zohidmustafoyev2448 Год назад

Спасибо за мотивацию!!!

@Jest_Zloi_Voli Год назад

Арчаков! Мое почтение!

@СветланаАндреевна-х8р Год назад

Спасибо за уроки! лучшие уроки на ютуб

@Astrallia Год назад

Питсы... 1337... Фанат Валакаса детектед!

@abbze8272 Год назад

А причем тут Валакас? :D 1337 -- это старая геймерская тема, которая была еще когда Валакас под стол пешком ходил.

@korobkaneskvika2740 Год назад

Спасибо за курс

@whiteguards43 2 года назад

Что означает опционален? Но туда можно только number передавать? Типа прибавляется к old number (опциональность : | undifined)?

@serjsamoilow8711 2 года назад

опционален - значит, что ты можешь добавить этот параметр в фунцию, но не факт - что ты его когда-либо вызовешь. И на случай, если вдруг ты его не вызовешь - ты не получишь ошибки, а если вызовешь - то он должен быть конкретно number function sayHello (name: string, age?: number): string { return `Привет, меня зовут ${name}` } короче, ставя знак вопроса после имени параметра - ты как бы говоришь "я может буду юзать аргумент age, а может и нет, я хз. но на всякий случай оставлю, вдруг пригодится, а если я его и вызову, то пускай он будет именно number"