React js сайт с нуля - делаем слайдер Bootstrap

  Рет қаралды 37,349

Web Developer Blog

Web Developer Blog

Күн бұрын

Пікірлер: 73
@АсхатСемейханов
@АсхатСемейханов 4 жыл бұрын
Не устану повторять! Ваш контент очень хороший
@Makata4.20
@Makata4.20 4 жыл бұрын
Аааа!!!))) Я вчера пол вечера пытался сделать сделать роутер!) А оказывается нужно fixed top убрать чтоб видно текст было!))) Это подстава!)) А в целом, под каждым видео стоит от меня лайк! Продолжай в том же духе! Таких как ты на KZbin нет! Идея на будущее! Круто было бы сделать игру 2048 на React.
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Спасибо, будем делать 😇😇
@PavelTim
@PavelTim 3 жыл бұрын
Я думаю в конце видео нужно ещё раз демонстрировать код. Если кто-то что-то забыл или не увидел, то будет возможность посмотреть.
@LiubovAlexandra
@LiubovAlexandra 3 жыл бұрын
спасибо, а я думаю что же у меня не видно то )
@monolit-8346
@monolit-8346 2 жыл бұрын
Таких как он на KZbin нет, но есть лучше.
@_Fancy_
@_Fancy_ 4 жыл бұрын
Здорова. Спасибо за контент. Надеюсь по чаще будешь выпускать ролики по реакт джэс.
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Стараюсь
@garifullins
@garifullins 4 жыл бұрын
Вы превосходны! Спасибо!
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
лайк
@АндрейСмирнов-в9и
@АндрейСмирнов-в9и 4 жыл бұрын
Очень крутой контент, большой спасибо. У меня такой вопрос, в чем принципальная разница между и ? И то и то лежит в react-bootstrap, и то и то можно импортить и все работет. Спасибо.
@АсхатСемейханов
@АсхатСемейханов 4 жыл бұрын
Обожаю твои ролики!
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Асхат Семейханов но буду стремиться к большему
@АсхатСемейханов
@АсхатСемейханов 4 жыл бұрын
@@SuprunAlexey лично я бы хотел подробнее узнать чем отличается классы и функций в react.js. И как грамотно перевести класс в функцию
@Vengeful_One
@Vengeful_One 9 ай бұрын
Как только добавляю Router на страницу, получаю ошибку "Cannot read properties of null (reading 'useRef') TypeError: Cannot read properties of null (reading 'useRef')" три раза, почему это может происходить?
@anelfer
@anelfer 4 жыл бұрын
а если нужен fixed top. Как быть? с ним текст пропадает
@van777ok3
@van777ok3 4 жыл бұрын
Спасибо за курс! Очень емко!
@hanskoy972
@hanskoy972 2 жыл бұрын
Делал все в точности как на видео, вылетает куча ошибок, фиксишь одно, выпадает другое. Сейчас ошибка лишь в одном, что он просто не видит Карусель.js, хотя вроде подключения правильные
@Енот-ь3н
@Енот-ь3н 4 жыл бұрын
Крутой контент, все качественно и понятно, спасибо!
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Спасибо!!!
@ИванБатурин-м5ж
@ИванБатурин-м5ж 2 жыл бұрын
На одной странице прогружаются изображения, а на другой нет. Всё делаю,как на видео. в чём может быть проблема?
@НастяРоманова-о8ф
@НастяРоманова-о8ф 2 жыл бұрын
Подскажите, как убрать черточки снизу у Carousel так, чтобы остались стрелки
@МикитаЛисенко-д6к
@МикитаЛисенко-д6к 2 жыл бұрын
С изображением все понятно, но может ли быть так , что бы туда вставить локальное видео ? И все так же нужно прописывать как с изображением ?
@redford6384
@redford6384 3 жыл бұрын
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 `CarouselBox`.что это?
@GirlHellFrom
@GirlHellFrom 3 жыл бұрын
Здравствуйте. Как переопределить стиль для Carousel? (Мне нужно изменить bottom)
@user-fedorIhor
@user-fedorIhor 4 жыл бұрын
А можно в будущем показать туже реализацию но без bootstrap так как больше хотелось бы поработать с js и как бы это выглядело без Bootstrap. А вообще видео очень интересно ) Спасибо)
@АртемийСтепанов-з1в
@АртемийСтепанов-з1в 4 жыл бұрын
возникла проблема. Как сделать карусель на каждую кнопку отдельно внутри одной страницы. Сейчас создан всего один компонент и при его копировании работает много каруселей но с одним и тем же контентом. я хочу сделать чтобы при нажатии разных Button были бы свои карусели со своим контентом.
@mikev2066
@mikev2066 4 жыл бұрын
Где можно кастомизировать css для слайдера? ну то есть поставить свои классы, например, хотелось бы делать карусель на высоту (всего окно браузера(100vh) - высота_навбара)
@АлександрИгошин-я7т
@АлександрИгошин-я7т 3 жыл бұрын
А если мне нужно сделать навигацию стрелок внизу по центру
@skyTechVektor
@skyTechVektor 2 жыл бұрын
У меня фото из pexels очень сильно грузят сайт
@Kovju
@Kovju 4 жыл бұрын
у меня ошибка Module not found: Can't resolve '..assets/white.jpg' in 'C:\Users\Пользовтель\global\my-app\src\Components' что делать?
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Все как в видео прописал?
@ВикторМ-о4о
@ВикторМ-о4о 4 жыл бұрын
Круто, подскажи пожалуйста, как картинку растянуть-сжать по размеру экрана, сейчас она в карусели в оригинальном разрешении показывается?
@ВикторМ-о4о
@ВикторМ-о4о 4 жыл бұрын
Разобрался, убрал - Navbar fixed="top" и всё заработало))
@garifullins
@garifullins 4 жыл бұрын
А подскажите, пожалуйста, как сделать слайдер? Или самостоятельно прокручивающиеся фотографии?
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
компонент не подходит?
@garifullins
@garifullins 4 жыл бұрын
Web Developer Blog норм, показалось, что нет прокрутки ))
@РоманВолков-р2щ
@РоманВолков-р2щ 3 жыл бұрын
Все работает, но img не грузятся. Все написано, как в видео. В чем может быть проблема?
@РоманВолков-р2щ
@РоманВолков-р2щ 3 жыл бұрын
В интернетах пишут, что, мол, дело в ссылках
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Все может быть
@РоманВолков-р2щ
@РоманВолков-р2щ 3 жыл бұрын
@@SuprunAlexey спасибо, опечатался.. тупо опечатался. Видео-курс - огонь!
@NewWorld_and_Me
@NewWorld_and_Me 4 жыл бұрын
Большое спасибо! Подскажи как установить определенный размер рисунков в карусели? К примеру 500 х 500 px ? И второй вопрос - как сделать правильно отступ той же картинки? В моем случае вышло так, что картинка начинается в притык к странице слева, а справа есть небольшой зазор. (Сори за корявые обьяснения, я в этом деле еще новичек)
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Добавьте тегу img такие свойства
@DenisLis100
@DenisLis100 4 жыл бұрын
Большое спасибо.Вторая картинка (центральный) в слайдере залазит вверх за меню,подскажи как поправить?
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
а что у вас там, отступы есть? навбар фиксед топ?
@DenisLis100
@DenisLis100 4 жыл бұрын
@@SuprunAlexey да, стоит Navbar fixed="top". отступов нет..
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
А попробуйте убрать фиксед
@DenisLis100
@DenisLis100 4 жыл бұрын
@@SuprunAlexey это было первое что я попробовал,не помогает)
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
По тегам все норм? Я и особо не понимаю как залазит, сделай скрин и залей куда то, отправь ссылку
@pervinkazimov6954
@pervinkazimov6954 3 жыл бұрын
Как выровнять картинки по экрану,они больше приходится вниз скроллить
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
задайте размер, самый простой способ
@alexeicocu568
@alexeicocu568 4 жыл бұрын
Hello. Ne rabotaet Carousel. Trebuiet import CarouselItem and CarouselCaption. Kogda dobovljau ("import CarouselItem from 'react-bootstrap/Carousel';") kartinki otobrazhayutsa odna pod drugim bez slider.
@alexeicocu568
@alexeicocu568 4 жыл бұрын
Nashol :) nado ("import CarouselItem from 'react-bootstrap/CarouselItem';") tkzhe dlja Caption. No pochemu eto u menja trebuiet?
@SuprunAlexey
@SuprunAlexey 4 жыл бұрын
Надо просто импортировать карусель из react-bootstrap/carousel, перерешите в точности как у меня в видео
@ИванИванов-у3ч4м
@ИванИванов-у3ч4м 4 жыл бұрын
Спасибо.
@oleksandrpetrovskyi5777
@oleksandrpetrovskyi5777 3 жыл бұрын
топ
@mew6085
@mew6085 3 жыл бұрын
заебись
@АлексейМелентьев-ч3в
@АлексейМелентьев-ч3в 3 жыл бұрын
я ваще пздц, как-то пытался сделать подобное на asp ебать слов нет
@knuckless__
@knuckless__ 2 жыл бұрын
Я не знаю яким чином автор підключав цю бібліотеку, але не рекомендую вам цього робити Я це зробив за допомогою команди npm install react-bootstrap bootstrap І в мене проект перестав запускатись Допомогла тільки команда npm uninstall react-bootstrap bootstrap
@mlpyavamystical_yt
@mlpyavamystical_yt Жыл бұрын
не знаю у мене все працює.
@knuckless__
@knuckless__ Жыл бұрын
@@mlpyavamystical_yt то добре може тільки в мене така бага
@dkyshka2436
@dkyshka2436 4 жыл бұрын
Второй?)
@alekst1908
@alekst1908 3 жыл бұрын
Module not found: Can't resolve '../../modules/_core' in 'D:\gg ode_modules\core-js\library\fn eflect\es7
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
Я ж не знаю что вы делали
@alekst1908
@alekst1908 3 жыл бұрын
Пробовал изменять путь ничего
@alekst1908
@alekst1908 3 жыл бұрын
@@SuprunAlexey могу вам на почту сбросить изображение
@SuprunAlexey
@SuprunAlexey 3 жыл бұрын
@@alekst1908 просто сделайте четко как в видео и все
@alekst1908
@alekst1908 3 жыл бұрын
@@SuprunAlexey cделал, все по примеру
@НиколайБорода
@НиколайБорода 4 жыл бұрын
Первый ?)
@ohh_shhit
@ohh_shhit 4 жыл бұрын
Третий?
React js сайт с нуля - верстка табы адаптивно
8:03
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 11 МЛН
Trapped by the Machine, Saved by Kind Strangers! #shorts
00:21
Fabiosa Best Lifehacks
Рет қаралды 40 МЛН
Registration Fields & User Roles Approvals
8:40
Plugify
Рет қаралды 7
Build React Image Slider From Scratch Tutorial
16:17
Monsterlessons Academy
Рет қаралды 146 М.
jQuery Image Slider - Quick & Easy
12:15
Traversy Media
Рет қаралды 135 М.
How to make Card Slider in React JS | React Slick
9:03
Etisha Garg
Рет қаралды 153 М.
Build a React Accordion from Scratch | ReactJS tutorial
14:18
The Tech Team
Рет қаралды 81 М.
Make an Image Carousel/Slider with React | Beginners Tutorial
23:33
Code Complete
Рет қаралды 66 М.
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 11 МЛН