Уже в комментах писали, но я подытожу: Поскольку в уроке бутстрап 4, а сейчас актуальная версия 5, то могут быть проблемы. 1. Марджины справа и слева: - в четвертой было `mr-auto` и `ml-auto` что означало `margin-left:auto` и `margin-right:auto`, - в пятой сделали `ms-auto` и `me-auto`, где `ms` и me означает `margin start` и `margin end` - То же самое касается и `className="me-sm-2"` в FormControl меняем `r` на `e` 2. `inline` в пятой больше не поддерживается, но в нашем случае вместо него можно использовать ``, результат будет тот же.

Если у кого поиск и кнопка не на одном уровне , чтобы решить проблему, я предлагаю заменить на , так как это установит отображение этой секции на flex.

чувак ты меня спас. Я работаю над новым проектом. Это первый проект на react и я не мог подобрать что мне импортировать. Именно это было нужно. Огромное спасибо и привет из Армении

Хотел спросить, можете ли вы использовать только функций вместо классов. Это практика больше используется в производстве как мне известно, думаю будет удобно для многих

Спасибо огромное! Не юзал раньше бутстрап, думаю для небольших проектов подойдет

а почему классовые компоненты используете? вроде как идет тенденция, и сами разработчики реакта говорили что лучше использовать функциональные компоненты.

спасибо за уроки, скинь название плагинов которые ты используешь на момент записи ролика, у меня VS работает немного не так... у тебя на канале 2 или 3 ролика по плагинам, какие под react использовать лучше ?

Братан, ты впечатлил! Продолжай! Даже детям понравилось!

При создании меню не срабатывает. форма и кнопка принимают вертикальный вид

взаимно огромной огромной удачи! и спасибо) хоть в реакте разбираюсь, а с бутстрапом внутри него не работал никогда). Интересненько)

не могу понять.. у меня почему то, линки Home, About, Contact и тд вертикально встали, а не горизонтально

А что за расширение для автозавершения кода нужно установить, если я Adobe Brackets использую? Все получилось у меня, только все вручную пришлось писать

Привет, скажи пожалуйста если делать дропдавн меню. Однако так чтобы этот дроп занимал всю ширину экрана, а не только ширину кнопки, его нужно делать отдельным компонентом мли можно как-то это настроить? Спасибо

Есть где адекватная дока по Bootstrap? Не понятно какой класс прописать чтобы расстояние вертикальное от Search до кнопки Search при малом размере выставлялось

А как сделать чтобы раскрытый мобильный навбар после нажатия по ссылке закрывался?В случает если SPA перехода ведь не будет и он остаётся открытый.

Шел второй урок, я так и не понял к чему вся эта херня... Парень, ну не дано тебе таким заниматься, ты просто показываешь что знаешь React и все, ты ничего не обясняешь, добавим это, добавим то, еще то но для чего ты не говоришь. Менял бы название видео на "ЗА 11 МИНУТ Я ДОКАЖУ ВАМ ЧТО ЗНАЮ REACT JS НО ВЫ НИЧЕГО НЕ ПОЙМЕТЕ"

Очень крутое видео, помогло, но у меня один вопрос. Как сделать так, что бы кнопки нав линк показывались сразу на шапке, а не только после нажатия на меню бургер. Другими словами у меня с любого разрешения в шапке показывается меню-бургер. Что можно сделать ? Upd: Проблема в том что нужно было писать "md" вместо "nd" в навбаре.

Здравствуйте, а почему вы не показали наличие файла App.css ?

Большое спасибо за видео. Добавьте пожалуйста их в плейлист

Круто, дорогой автор!

Спасибо за труды. у меня вот ошибка, не могу понять в чем дело.. Failed to compile ./src/App.js Attempted import error: './Components/Header.js' does not contain a default export (imported as 'Header'). у меня прописано: import Header from "./Components/Header"; function App() { return ( ); }

Было бы круто, если дублировал код в репозитории на Git. Очень удобно + можно быстро сравнивать код

Однозначно лайк, подписка и репост. Перешел по твоей ссылке бро! Надеюсь хоть чем-то поддержал твой проект! Пили дальше) Удачи

Miles Play, WarfaCe-Nik правы. Не понятно откуда все эти свойства взялись. А можно к этому видосику дописать кусочек, где будет показано как ты ищешь те или иные свойства в бутстрап документации ?!

Вопрос, для почему добавил открытые и закрытые теги?

Вопрос: У меня не работает свойство inline для Form. Посмотрел, по коду ошибок нет. Попробовал даже через css но не выходит. И кстати className="mr-sm-2" тоже не работает. В чем может быть ошибка?

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

Элементы navbar, container и прочие являются придуманными для данного примера или они взяти из bootstrap? Если взяты, как узнать какие элементы и где надо вписывать? Пока что для меня это выглядит как "я вызубрил 500 компонентов и показал вам 8 штук, с остальными разбирайтесь сами". То есть, что именно в данном уроке придумано от себя для примера, а что взято из документации как официальное правило написания приложения?

кнопка снизу строки поиска, как сделать её справа от поиска?

Спасибо за курс, жду некст урок

Непонял насчет редактора, Visual Stusio не дает таких подсказок кода и автовставо как с Header не делает (( нужен адддон или я торможу просто?

./src/Header.js Module not found: Can't resolve 'react bootstrap' in 'C:\Users\HP eact\my-app\src' как добраться , в чем проблема .

Покажи еще как прикрутить graphQL к React

Спасибо !

Спасибо. Поставил тысячный лайк! Кому надо код, ниже, в нём всё ровно.

супер спасибо

такие теги как: Container, Navbar.bar это произвольные имена?

Подскажите почему у меня кнопка поиск под полем ввода текста а не сбоку как на видео?

Я понимаю что видосу уже год, но может автор или кто-нибудь подскажет. строчка import logo from "./logo.png" выдает ошибку: модуль не найден, не разрешено

благодарю

Почему не отображается логотип? Все сделала как у него)

Вылезла вот такая ошибка. Что с этим можно сделать? ./src/Components/Header.js Line 8:7: 'React' must be in scope when using JSX react/react-in-jsx-scope

Какой плагин добавляет автоматом импорт, мне все вручную прописывать нужно?

а что за плагин делает из Navbar через таб сразу с импортом?

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

Подскажите, почему когда прописываешь rcc и кликаешь enter, то оно не прописывает код как на видео?

1:06 rcc чтоб отображалось, какой нужно установить плагин в VSC ?

Привет! А как можно исправить такую ошибку TypeError: class constructors must be invoked with 'new'

А есть видео про расширения под ВКС для разработке на react?

Когда делаю наву fixed="top" текст снизу залазит под меню. Шо делать?

Не работает,выводит только белый экран, 100 раз проверил, написал все как показано на видео,но ничего не работает(

повторял за вами но все время вот такое сообщение , не могу найти ошибку либо не понимаю , помогите пожалуйста. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Блин ничего не отображает! с первого урока как кнопку добавил надпись Hello World пропала, и с меню та же беда... как решить???

Почему у автора нормально отобразилось а у меня не сработало и элементы - поле ввода и кнопка приклеились к списку ссылок? да еще и разместились в столбик а не в линию. Я все прописал как в видео, почему не работает?

Всем привет. Подскажи, почему появляется такая вот ошибка? import { Navbar, Nav, FormControl, Container, Form, Button } from 'react-bootstrap'; 3 | import logo from './logo192.png'; 4 | > 5 | export default class Header extends Components { 6 | render() { 7 | return ( 8 |

Где посмотреть все эти классы ?

зачем href если в реакте есть Navlink ?

className="form-control mr-sm-2"

а что такое rcc пояснить не нужно? И каким чудом так все добавилось само. Кто не понял, это расширение для vs code - reactjs code snippets У вас цель наплодить "мамкиных кодеров" или все таки дать базу людям?

Помогите пожалуйста не могу понять в чем ошибка отображается не так как на видео. У меня поле ввода и кнопка находяться друг под другом и рядом с меню, а не так как надо в строку и в правом краю. Если form вытащить из navbar.collapse наружу то отображается как надо, но между полем ввода и кнопкой нет пробела вот код: import React, {Component} from 'react'; import {Button, Container, Form, FormControl, Nav, Navbar} from "react-bootstrap"; import logo from './logo192.png' export default class Header extends Component { render() { return ( React site Home About us Contacts Blog Search ); } }

поиск и кнопка не выравниваеться в одну линию Form inline - не работает

Не могу понять одной вещи: как Javascript-функциям удаётся принимать аргументы формата (будто это html-элементы, и даже не в кавычках, чтобы обернуть в строку)? Это же ни не строка, ни не объект (если не ошибаюсь). Какой это тип данных? Изучая чистый Javascript уже несколько месяцев, не сталкивался с таким никогда. P.S. Очень нравится данный плейлист - реально лучшее, с чего можно начать знакомство с React!

Выдает ошибку при компиляции: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `Header`. Весь код проверял, такой же как на видео, не могу понять в чем проблема

А как перетащить Form немного правее

ERROR in ./src/components/Header.js что за?

Почему не используете грид? Он же лучше бустрапа

у меня ошибка какая-то я не понимаю((

У меня вообще не отображается, что делать. Помогите

чтобы взлететь на самолете нажимаем эту кнопку, эту и еще эту.... и все я взлетел.... красавчик, что ты умеешь летать, было круто смотреть, как ты взлетел) но без объяснения толку мало и никто так летать не научится) будут смотреть просто под попкорн, те кто не вбивают код и не пытаются разобраться... зато показал варианты стандартных цветов бутстрапа, это же так не понятно))) нужно было еще штук 5 перечислить)))))

Ура, я уже реактивщик

Зачем ты юзаешь классы вместо хуков?

Посмотрите код на гитхабе, плиз, github.com/AlexNazaroff/React/blob/main/Components/Header.js Код Header.js or App.js где-то ошибка? × Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `Header`. ▶ 22 stack frames were collapsed. Module. C:/2/javascript/react/new/src/index.js:7

Получается за 7 мин ролика и лайв кодинга всего 1 раз открыл браузер, надо было все сверстать, а потом уже показывать(шутка).

Белый экран, ни один элемент не отображается. Переписал код, точь в точь. Перепроверил десять раз.

Это не для начинающих! Для них нужно объяснять все, например откуда берутся все эти свойства тегов и т. д.

на даний момент все ця інфа не актуальна,нічого з цього коду не працює

еще было бы прикольно рассказывать какие плагины используешь (rcc)..ато реально, ощущение как будто "я вот как умею ", а вы е**сь как хотите ручками набирайте

пояснения бы не помешали. Не понятно для кого ролики. Неужели люди просто переписывают код и радуются?

Вообще ничего не понятно, просто рассказ делаем это делаем то, а зачем и почему именно так вообще никаких объяснений, смысл курса в чём?

Тупо весь код спижженый с сайта документации бутстрапа для реакт

нашел ошибку , сорри

слишком быстро.

Плохое объяснение, спасибо!

Устарело

Надо удалять видел если оно не актуальное, зачем тратить время нормальных людей

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

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

Нормального обяснения нет! Гоша Дударь обяснит лучше

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