React приложение с нуля | Верстка | Погода на React с нуля #1

[@antoshjkee4978]

Шикарно! Все подробно и доступно, я больше благодарен скорее за скрупулезную работу, работу со стилями, всякими мелочами, чем за "просто урок по реакту". Основная масса блогеров просто накидывает UI библиотеку и бежит строчить "заметки на react". Спасибо большое, продолжай в том же духе !

[@WebArchitector]

Спасибо большое! Приятно слышать

[@ksuit_ru_girl6660]

Видео именно то что нужно, спасибо огромное, делайте побольше таких

[@WebArchitector]

Спасибо! Пока что времени не хватает

[@ZEPHYR-ZEPHYR-ZEPHYR]

Дружище, контент просто топ! Не останавливайся, верю в тебя!!!!

[@WebArchitector]

Спасибо! К сожалению сейчас сложно с выпуском новых роликов, из-за работы. Но продолжение будет уже скоро))

[@КириллСмирнов-ь5ъ]

Крутой видео ряд, всё по делу с объяснениями по ключевым моментам, людям у кого есть базовые знания как у меня зайдёт. Спасибо автору!!!

[@WebArchitector]

Вам спасибо! Стараюсь)

[@ИльяПоляков-ж6н]

В новой, 6й версии кое что изменилось! import { Switch, Route } from "react-router-dom"; заменить на import { Routes, Route } from 'react-router-dom';

[@erdauletbayangali7470]

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

[@WebArchitector]

Пожалуйста :)

[@cristianciobanu305]

Надеюсь курс не будет заброшен, контент топ)))

[@WebArchitector]

Спасибо! Не будет) Возможно на этих выходных не успею снять, тк заболел.

[@НастяГукова-х6х]

Очень крутое и полезное видео))

[@WebArchitector]

Спасибо большое, стараюсь!

[@larss2772]

Этот комментарий в поддержку автора канала. Спасибо за проделанную работу!

[@WebArchitector]

Спасибо!

[@vitaliygaidyk6607]

Крутой урок! Очень полезно

[@WebArchitector]

Спасибо! Скоро будет продолжение

[@petrovpetrov6095]

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

[@qwikman818]

Очень круто 👍

[@WebArchitector]

Спасибо )) Будет еще круче )

[@IamMadaoBTW]

Спасибо за исходник макета

[@WebArchitector]

Пожалуйста) Используйте как удобно.

[@preved39]

эх, жаль это для людей с базовыми знаниями по веб-кодингу, но все равно очень полезно! Предлагаю снять обзор о реакте в принципе и об установке окружения, а также каких-то базовых вещах :)

[@WebArchitector]

Спасибо за идею)

[@ivanravinski]

полезно, благодарю

[@WebArchitector]

Спасибо, если есть идеи для новых видео - предлагайте))

[@ivanravinski]

@@WebArchitector мне было бы интересно увидеть как пишется бот для тегеги на реакте)) ну и вообще побольше тайпскрипта, туториалов на нем

[@WebArchitector]

@@ivanravinski , по ts ещё куча контента будет, а вот на счёт ботов не знаю пока. Нужны идеи интересные)

[@ivanravinski]

@@WebArchitector дай телегу свою, мысли есть - поделюсь)

[@WebArchitector]

@@ivanravinski t.me/ivanSamarin1349

[@romatarasov5122]

Ну почему бы не нажать ctrl + чтобы код был большой. Снимаете интересные видео, но много людей не хотят присматриваться. Я не хочу мучиться. Вынужден искать другие видео где код крупнее. Может быть и просмотров было бы больше.

[@andrey9731]

Большое спасибо)

[@v.demchenko]

При ошибке: Cannot find module 'module.css' or its corresponding type declarations. ✅Создайте файл globals.d.ts в src директории. И вставьте вот это: declare module '*.scss'; При ошибке: Module '"react-router"' has no exported member 'Switch'. ✅Установите версию react-router-dom 5. Switch заменен в версии react-router-dom 6. При ошибке: Импорта png картинки: ✅Идем в файл globals.d.ts и добавлям это: declare module '*.png';

[@rustamlivaev]

Круто! Помог родной)

[@dmitriybaratashevich9079]

Хороший урок, ай лайк ит)))

[@anazkomult]

Спасибо за урок! Подскажите, пожалуйста, какой плагин дает этот сниппет tsrafc

[@WebArchitector]

Добрый день, вот этот плагин marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

[@anazkomult]

@@WebArchitector Спасибо, друг!

[@shamistanaliyev5678]

@@WebArchitector спасибо)

[@DmitriiVerbeckii]

Можно пожалуйста Ваш список расширений для VScode? или может быть будет в будущем такое видео для настройки

[@WebArchitector]

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

[@DmitriiVerbeckii]

@@WebArchitector было бы интересно узнать, какое расширение позволяет делать автоимпорт, момент на 12:49, например

[@WebArchitector]

@@DmitriiVerbeckii Это не расширение, в вс код это встроенная функция, если я правильно помню. Просто нужно нажать ctrl + space и выбрать вариант с квадратиком

[@annakolchina2206]

Отличный урок. Подскажи пожалуйста какой плагин для иконок используешь в vscode?

[@WebArchitector]

Спасибо! Material Icon Theme, Fluent Icons

[@mavldr]

Спасибо за полезное видео

[@miftakhov_egor]

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

[@WebArchitector]

Спасибо) Пропиши это в settings.json "editor.cursorBlinking": "expand", "editor.cursorWidth": 2, "editor.cursorSmoothCaretAnimation": true,

[@swartex92]

Крутое видео! а что за тем в VSCode ?

[@WebArchitector]

Спасибо! Топ тема: marketplace.visualstudio.com/items?itemName=fisheva.eva-theme У меня eva dark bold, вроде так

[@swartex92]

@@WebArchitector спасибо!

[@andreislashikov9618]

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

[@WebArchitector]

Исправил в следующих видео

[@alikrekrytov6865]

Здравствуйте ! Где скопировать столько строк для swg картинки для header ??? Сам код картинки ,который вы свернули - большой такой ) Подскажите пожалуйста!

[@WebArchitector]

Здравствуйте! Я ведь специально для этого оставил ссылку на репозиторий. github.com/mirageN1349/React-weather/blob/main/src/assets/icons/global/GlobalSvgSelector.tsx Вот)

[@GAMERINGICH]

Ничего не работает начиная с 14 минуты , не работает, че делать? Просто не работает через експорт реакт роутер дом и через просто реакт роутер , у них нет такого экспортируемого элемента , ЧТО ДЕЛАТЬ??? Я в бешенстве , учу жс уже более полугода все было круто но как только начал учить реакт ничего не получается , везде ошибки , я уже 20 проектов запорол изза ошибок, я не понимаю почему на базовых вещах ошибки когда я повторяю четко по видосу!!!!!!!?!!?!

[@WebArchitector]

Привет) Видео старое react router dom обновился до 6 версии и там теперь нет компонента switch Изучи документацию и все получится) reactrouter.com/en/main

[@Script696]

Спасибо, классный урок Не совсем понял что делать с svg, jsx логично ругается ''Invalid DOM property `stop-color`. Did you mean `stopColor`' внутри svg Но на stopColor испрвить тоже не вариант

[@WebArchitector]

Почему не вариант?

[@Script696]

@@WebArchitector действительно, почему не вариант...мой фейл, очень даже вариант ! Спасибо тебе ещё раз Пойду смотреть вторую часть

[@WebArchitector]

@@Script696, всегда пожалуйста!

[@EuegenTv]

Классный видос. Но вот организация стилей это прям хоть вешейся.

[@drobnyy]

Интересный материал, но очень плохо видно код

[@WebArchitector]

Спасибо. Уже исправил эту проблему, в следующих видео все будет ок.

[@Wannaspray4u]

посдкажите пожалуйста почему когда набираю "ts" в VSC в коде tsx файла, в подсказках у меня нет такого длинного списка с набором готовых "стартовых шаблонов"?

[@WebArchitector]

Это вроде плагин, ES7+ React/Redux/React-Native snippets

[@Wannaspray4u]

@@WebArchitector спасибо. Вот еще проблема - элементы Попап в фигме неактивные и невидимые. Это норм?

[@WebArchitector]

@@Wannaspray4u Да, их ведь можно показывать и скрывать, там есть специальная кнопка для этого

[@Wannaspray4u]

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

[@charlessrze9648]

привет, я новичок, хотел бы спросить, чем отличается расширение у файлов .js от .jsx, если jsx впринципе можно писать внутри js файла, буду рад если ответишь

[@johndoe034]

В контексте Реакта ничем не отличается. Обычно, если внутри файла есть JSX (например, реакт-компонент) - то расширение файла можно указывать .jsx, а если внутри файла чистый JS (например, какая-то функция-хелпер) - тогда расширение .js.

[@ГайдукМаксим-б1с]

jsx позволяет писать в одном файле разметку html и логику js, а в js ты можешь писать только логику

[@alexvitchinov5562]

интересно, однако обилие div'ов немного напрягает, над семантикой неплохо бы поработать)

[@WebArchitector]

Добрый день) Этот курс скорее не о верстке и семантике, тем более, что сео без ssr плохо работает. Но если хотите, могу уделить этому больше внимания) Курс больше направлен на технологии и логику приложения. По верстке есть много других хороших каналов)

[@alexvitchinov5562]

@@WebArchitector было бы неплохо, если учить, то хорошему и комплексно)

[@denisshulga7539]

Блин чувак зачем ты сделал такой размер шрифта, как это смотреть

[@cristianciobanu305]

Но не забудь увеличить код а то невозможно смотреть, и совсем необязательно держать браузер с право

[@WebArchitector]

Учту!

[@v.demchenko]

Ты если юзаешь scss, сразу тогда бы классы писал так, что бы первую часть названия класса можно было опустить и просто добавить &__....

[@WebArchitector]

Я не любитель вложенностей. Они очень сильно путают на больших проектах и другим разработчикам сложно быстро влиться в проект и понять структуру scss. Поэтому не пишу так и другим не советую

[@trelowney]

хотел посмотреть все видео, но ничего не видно. глаза дороже.

[@WebArchitector]

В следующих видео исправил

[@trelowney]

@@WebArchitector ok, спасибо. и за видео тоже

[@WebArchitector]

@@trelowney Спасибо)

[@LifeInCode1]

а почему я ен могу открыть popup

[@LifeInCode1]

там не ту глаза и он весь серый

[@bogush76]

Очень мелко, приходиться напрягать глаза.

[@theoty-js]

react