Компоненты React. Props

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 65

  • @JavaScriptcher
    @JavaScriptcher 3 роки тому +17

    Очень подробное, а главное понятное объяснение материала!

  • @beha8675
    @beha8675 Рік тому +2

    Круто объяснили большое спасибо!

  • @lisofsky8151
    @lisofsky8151 3 роки тому +4

    ЭТИ КУРСЫ ПРОСТО ОГОНЬ !!!

  • @alexandr8978
    @alexandr8978 3 роки тому +5

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

  • @АлексейБомко-ь1ш
    @АлексейБомко-ь1ш 3 роки тому +1

    Долго искал подобное объяснение материал - супер! Жду продолжение обновления курса. Буду смотреть всё :)

  • @ХаджимуратОмаров-т1с

    Подробно и доходчиво. Один из лучших каналов по IT на UA-cam

  • @ЕжЕжиков-в9ь
    @ЕжЕжиков-в9ь 3 роки тому +10

    Талант преподавать от бога! СПАСИБОООООООО, добрый маг.

  • @АнатолийБурдасов-з3в

    С Emmet у меня такая же проблема!!! Пойду настраивать!!! Благодарен вам!!)))

  • @vyacheslavantonov7569
    @vyacheslavantonov7569 2 роки тому +2

    Привет, Алекс!
    Зашел к тебе на канал с целью огранки понимания каким именно образом надо с пропсами работать.
    Приятно удивила речь без слов-паразитов, последовательность подачи информации и ... усы :D Возьму на вооружение.
    Выражаю благодарность за твой труд. Для меня вопрос с пропсами закрыт теперь на 100%

  • @irinakukhtyk3813
    @irinakukhtyk3813 2 роки тому

    Надзвичайно вдячна за урок. Поки що все виходить ;)

  • @frontend_notes
    @frontend_notes 2 роки тому

    Спасибо огромное за видео, для новичка этот курс по REACT просто находка! Спасибо Ютубу что порекомендовал ваше видео. А то проходил у других, мозг окончательно вскипел, я откровенно не отстреливал что и откуда)))) Вы очень хорошо объясняете, всё понятно, как белый день. Спокойно и уверенно. Пройду ваш курс, потом буду тянуться дальше.👍👍👍

    • @shu3xst215
      @shu3xst215 2 роки тому

      Как вообще проходит прогрес в сфере? Я просто относительно недавно начал изучать реакт и мне интересно как люди изучают этот фреймворк

    • @frontend_notes
      @frontend_notes 2 роки тому

      @@shu3xst215 тяжело... Надо кучу своих приложений делать, чтобы хоть чему-то научиться и хоть что-то после курсов в мозгах осталось. И то это будет капля в море. И хер тебя куда возьмут без опыта работы. Терпение надо ангельское чтобы его учить, месяцами, годами...

  • @MrVIPKent
    @MrVIPKent Рік тому

    Дякую за відео дуже цікаво та корисно

  • @ilya_123__
    @ilya_123__ 2 роки тому

    Спасибо большое за урок. Очень понятно объясняете.

  • @mishiev13
    @mishiev13 2 роки тому

    Спасибо! Всё четко и понятно до мелочей!!!

  • @dodle686
    @dodle686 Рік тому

    Спасибо за материал. Вы делаете невозможные вещи, ни от одного гайдодела не понимал так как от вас, шикарная подача. Не хватает ветки на гите с готовым кодом из каждой части правда :(

  • @Iepka_Roblox
    @Iepka_Roblox 2 роки тому

    Спасибо большое!! Лучшее объяснение!

  • @dosxanzada
    @dosxanzada 4 роки тому +1

    офигеть, отличный туториал!

  • @tatianarekun8345
    @tatianarekun8345 3 роки тому

    Спасибо за информацию! Очень помогла разобраться с этой темой

  • @your_freedom
    @your_freedom Рік тому

    вы Лучший! Так хочется от вас услышать про Хуки и другие примочки реакта

  • @romansokurenko4357
    @romansokurenko4357 3 роки тому

    Пушка-ракета))) Спасибо большое!!!!

  • @ArtemKolinko
    @ArtemKolinko 4 роки тому +8

    10:28 настойка emmet, еще, как вариант, можно файлам компонент ставить расширкние .jsx вместо .js. Еще плюсом переименования расширения в .jsx будет отображение иконки реакта возле файла.

    • @SNSDfOu
      @SNSDfOu Рік тому

      хороший плюс

  • @yarik83men51
    @yarik83men51 4 роки тому +2

    Спасибо, дякую, thank you.

  • @YauhenRomeiko
    @YauhenRomeiko 4 роки тому +1

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

  • @КамильКаландаров-и5к

    Все круто и очень понятно, спасибо

  • @-getmen6001
    @-getmen6001 2 роки тому +1

    Присоединяюсь ко всем хвалебным комментариям и добавлю, что пришел искать объяснения с курсов в которых объясняют просто ужасно.
    Ваш канал просто находка!

  • @алексейполухин-о7з

    Спасибо за информацию. Очень подробно и доходчиво объясняется. Осталось дело за практикой. Ведь, как говориться, теория без практики мертва.

  • @AllenDelon-t4v
    @AllenDelon-t4v 2 роки тому

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

  • @olegBilyi-n4j
    @olegBilyi-n4j 2 роки тому

    Дякую

  • @Vampir21
    @Vampir21 4 роки тому +2

    Извините но если на странице index.html не подключен главный скрипт, то как браузер узнает что нужно запустить index.js который к тому же лежит в другой папке?

  • @АлександрИванов-ц6ф4в

    мляяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя срань господня -- какой же у вас талант преподавать, все понятно с первого раза -- как хорошо что вы есть

  • @Albert_Hall
    @Albert_Hall 3 роки тому +1

    Пушка 🛰🌎

  • @kot19741
    @kot19741 Рік тому

    Александр, покажите пожалуйста, как вставить картинку не с Интернета , а с жесткого диска компьютера

  • @МихайловВіталік
    @МихайловВіталік 4 роки тому +1

    Как добавить уникальный ключ для Goods???

  • @frontend_notes
    @frontend_notes 2 роки тому

    Касательно ДЗ - уникальный ключ некоторые делают , присваивая ещё одному полю "id" : Date.now(). Получается что у каждого элемента будет якобы уникальный ключ, это же в милисекундах дата выводится. Но по факту я смотрю в пропсах у обоих товаров одинаковые числа. Правильный ли это подход?

  • @OpalGooDog
    @OpalGooDog 3 роки тому

    спасибо :)

  • @alexforos5425
    @alexforos5425 2 роки тому

    👍👍👍

  • @parahumanoid
    @parahumanoid 3 роки тому

    А как это у нас в компоненте возврат идет разметкой прям вот так вот, без кавычек? Новшества ES7? Я не следил за языком лет 15 уже, если что. Круглые скобки вроде ничего не делают, кроме как решают проблему unreachable code. Подскажите пожалуйста.

    • @parahumanoid
      @parahumanoid 3 роки тому

      ОК, у меня истерика. JS -- не совсем JS, как я погляжу. Это и есть JSX? Там препроцессинг какой-то, да? А где почитать об этом этапе? А то тут тэги всякие вроде ...

  • @frontend_notes
    @frontend_notes 2 роки тому

    Может посоветуете, кто-нибудь? У меня форматировщик стоял на VS Code, для html, css, js, но синтаксис реакта он просто похерил и превратил в кашу. Пришлось отключить. Было удобно, он автоматически выравнивал всё по тэгам и убирал лишние пробелы.

    • @matveyd7272
      @matveyd7272 2 роки тому

      можно нажать Alt+Shift+F - и тогда произойдёт выравнивание по тегам (но лишние пробелы не уберёт)

  • @evgeniyprowork
    @evgeniyprowork 4 роки тому +1

    я в VSC поставил галку чтобы автоматом убирало точку с запятой т.к. визуально мне код приятней становится, правда для реакт использую webstorm, vsc что то мне не нравится для этих целей, а особенно бесит до сих пор не пофиксенная штука в emmet именно в VSC, когда должна развернутся аббревиатура по нажатию "таб", но ты до этого сделал пробел и вернул назад, а она собака не хочет, приходится затирать последний символ и заново печатать, раздражает это

    • @itgid
      @itgid  4 роки тому +1

      Сам пишу сложное в php storm.

  • @Presspero
    @Presspero 4 роки тому +2

    мне кажется или у вью архитектура проще?

  • @zakharko7720
    @zakharko7720 Рік тому

    Большое спасибо! Почему-то не отображаются изображения. Все сделал как в примере. Все приходит, заполняется, но картинок нет. Подскажите, в чем проблема? Заранее благодарен! UPD: Помогло объявление const source = props.image; в компоненте Goods перед return с последующим использованием данной константы
    Почему так, не понимаю, но работает))))

  • @alex_illusion
    @alex_illusion 4 роки тому

    А нельзя ли передать объект goods так? В App.js :
    В Goods.js :
    {props.good.title}
    {props.good.cost}
    Вроде работает. Вроде проще. Но это для вывода одного элемента проще, а вот с несколькими уже не годится. Видимо такое решение не годится для массива объектов?

    • @_gjdjdj
      @_gjdjdj 4 роки тому

      А где и как можно прописать путь к картинке которая находиться в проекте? Вместо ссылки (как в уроке), я так понимаю, что не прокатит?!

  • @yummybunny7351
    @yummybunny7351 4 роки тому +2

    17:00 у меня Alt вместо Ctrl

  • @dihaneeer
    @dihaneeer 4 роки тому +1

    28:26 в офф доментации реакта везде в примерах присутствует эта точка с запятой, так что не за что извиняться, потому что так принято)

    • @itgid
      @itgid  4 роки тому +1

      Это ещё с бек языков тяну

  • @vitalyks
    @vitalyks Рік тому

    эх, жаль сейчас 18 версия нужна... для меня как новичка смущает этот момент
    (((

  • @danilkutovoy2399
    @danilkutovoy2399 4 роки тому

    Какой вы клавиатурой пользуетесь?

    • @evgeniyprowork
      @evgeniyprowork 4 роки тому

      а какая разница, тут нет эталона, кому то короткая механика нравится, кому то бесшумная мембрана, это дело личных предпочтений, это очень индивидуально, у меня вообще мембрана за 7 баксов и крыса за 4 бакса и мне удобно. Механика тактильно мне конечно намного приятней, но даже на свитчах brown ее хорошо слышно, red мне для набора текста не нравится, короче ты должен сам к этому прийти. Главное шарить в кодинге, а клавы и мышки меняй хоть каждый месяц пока не найдешь свой идеал, это лишь дополнительный комфорт и не более того.
      P.S. единственное что меня бесит, это левый короткий shift и возле него доп клавиша которую я часто тыкал вместо шифта, короче не выдержал и отдал эту клаву, понимаю что это дело привычки, но я не смог в это ))

    • @danilkutovoy2399
      @danilkutovoy2399 4 роки тому

      @@evgeniyprowork мне просто интересно, вот и спросил)
      Я понимаю, что умение кодить не от клавиатуры зависит -_-

    • @itgid
      @itgid  4 роки тому +3

      Клавіатура HP USB Business Slim Keyboard (N3R87AA)

    • @danilkutovoy2399
      @danilkutovoy2399 4 роки тому

      @@itgid спасибо большое за ответ)

  • @malytv1170
    @malytv1170 4 роки тому

    :)

  • @ДзмітрыйА
    @ДзмітрыйА 3 місяці тому

    А так всё хорошо начиналось, мне даже нравиться начал Реакт , а потом начались эти ужасные пропсы и взаимодействие с ними

  • @turtrueweb
    @turtrueweb 4 роки тому

    +