#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)

React Pizza V2 — Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.

❤️ Поддержка:

📝 Полный стек:
- 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

Таймкоды: еще не готовы

🔗 Следите за обновлениями и информацией в:

[kuban]

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

[vladislavkatz]

Сегодня проходил этот урок, лодаш-дебонс в 2023-м году имеет старые типы которые на новый реакт не налазят, обнов больше нет, немного потонцевав с бубном решил, что наиболее простое решение просто написать перед импортом :
// @ts-ignore
import debounce from 'lodash.debounce';

Комментарий // @ts-ignore будет игнорировать проверку типизации в следующей строчке кода снизу.

[delbether]

Очень классная подача и объяснение! Спасибо автору!

[ВераЛемберская]

Спасибо большое за качественно объясненный материал! ❤❤❤❤❤❤❤❤

[СветланаАндреевна-хр]

Ждем еще более углубленных уроков по реакт! Спасибо за ваш труд!

[gamboy]

Самый офигенный курс на русском сегменте. Пытался раньше выучить Typescript, но так легко никто не смог объяснить. Новую планку поставили👏👏👏 Пасибо за курсы

[ГеннадийГорохов-цн]

Спасибо за шикарное видео про Типизацию Пропсов))))

[YulVilaya]

чтобы убрать типизацию в debounce, я добавила в файл assets.d.ts ( declare module 'lodash.debounce' {
const content: any;
export default content;
})

[Мария-цъе]

спасибо большое за уроки💙 TypeScript props useRef

[RuslanZolotoy]

Контент такой топовый, почему уже как полгода тут нет актива под видео, в виде поддержки автора ?! Это просто топовый курс для начинающих, автор я за 15 дней дошел до этого урока, скорее всего буду к нему возвращаться, чтобы закрепить какие-то моменты. Столько годноты в удобном формате, это нечто, огромное человеческое БЛАГОДАРЮ !

[Jest_Zloi_Voli]

Класссснооооооо объясняешь) прям тайпскрипт вызывает интерес...

[АртурАнтисептик]

Спасибо за такой продвинутый контент! Типизируем пропсы (props) и хук useRef (TypeScript)

[c]

Супер проект! Очень круто объясняешь! Это пожалуй лучший ментор по Реакту на ютубе! А где уроки 15 и 16 ?

[goddanlifestyle]

lets fucking goooo... Не так много людей дошло до єтого єтапа))

[МаксимСоловьев-сн]

спасибо за объяснения, осталось добить :any

[hiki]

вдруг у кого-то ошибка с модулями и тому подобным появиться
declare module '*.jpg' {
const src: string;
export default src;
}

declare module '*.png' {
const src: string;
export default src;
}

declare module '*.svg' {
import * as React from 'react';

export const ReactComponent:
SVGSVGElement
> & { title?: string }>;

const src: string;
export default src;
}

declare module '*.module.css' {
const classes: { readonly [key: string]: string };
export default classes;
}

[rustamakhmetyanov]

useRef (TypeScript) / (props) / React / спасибо за курс

[Ve-Dono]

Для тех кто юзал 'uuid' и возникли проблемы, может сохранит вам минут 20-30 жизни, вы можете спокойно заменить uuid на встроенный API 'crypto'.
К примеру: "const uid = crypto.randomUUID()" вместо "const uid = uuidv4()".


Как я понял у uuid нет нормального экспорта по дефолту или его изменили, поэтому TS не корректно воспринимает его, это можно решить с помощью "npm i @types/uuid", но у меня внедрить типы в проект не удалось из-за ошибок при установке. Так же есть настройка конфига которая почти у всех стоит по стандарту "allowSyntheticDefaultImports", некоторые писали, что значение можно сменить на 'false' и посмотреть, но там вообще темень.)

[МихаилСабуров-ыв]

Можно было проще добавить в файл такие записи
declare module "*.png";
declare module "*.svg";

все работает

[FilmsMediaTV]

Дэн, а подскажи плиз, какая у тебя тема стоит в VS ?
Очень удобная, я что-то ищу и не могу найти конкретно такую тему
Если не сложно, отпиши пожалуйста