как получить дату из асинхронной функции?
callback
Александр
Sergiy
всем привет.
Подскажите пожалуйста, как сделать слайдер на реакте без использования библиотек?
Облазил итнернет, ничего хорошего не нашёл)
Andrey
всем привет.
Подскажите пожалуйста, как сделать слайдер на реакте без использования библиотек?
Облазил итнернет, ничего хорошего не нашёл)
садишься, и делаешь слайдер, без библиотек
🤷🏻♂️
какой тут еще совет может быть
Sergiy
Sergiy
садишься, и делаешь слайдер, без библиотек
🤷🏻♂️
какой тут еще совет может быть
посоветуй какое-то готовое решение, предложи свое
Andrey
посоветуй какое-то готовое решение, предложи свое
ты указал "без библиотек"
надо учиться задавать вопросы: сядь, попробуй сделать
возникла трудность - опиши трудность, с которой столкнулся, как пытался решить, почему не получилось
Александр
посоветуй какое-то готовое решение, предложи свое
vscode, с его помощью видел как делаются крутые штуки
Sergiy
Andrey
я именно не понимаю логику...
ну покатай слайдеры на сайтах, на бумажке напиши, какая там логика работы
Sergiy
вы издеваетесь?
Andrey
вы издеваетесь?
мне кажется, ты издеваешься
тебе список баззвордов сказать? react-spring, styled-components, react
Yuriy
https://brainhub.eu/blog/react-native-apps/
Кэп, это единственная статья которую я нагуглил прежде, чем тут спрашивать и она не первой свежести. Я именно с теми, кто входе собственной разработки на реактнейтив сталкивался и знает точно что вот та апликуха это нейтив.
Александр
я именно не понимаю логику...
А что там понимать? Слайдер скроллит контент вправо или влево
Sergiy
А что там понимать? Слайдер скроллит контент вправо или влево
ну так я не понимаю, как это сделать
Vladimir
А что там понимать? Слайдер скроллит контент вправо или влево
https://ant.design/components/carousel/
ну вон посмотри как у анта реализовано. И сделай нормально
https://github.com/ant-design/ant-design/blob/master/components/carousel/index.tsx
Anonymous
>открываешь готовое решение и смотришь реализацию
Профит!
Александр
ну так я не понимаю, как это сделать
На бумажке нарисуйте, в разных состояниях слайдер, я серьезно, кроме шуток это позволит понять процесс
S
Слайдер лучше взять готовый, breakpoints и все прочее тоже надо учитывать
Andrey
может он хочет, чтобы мы готовый слайдер ему кинули, но без библиотек? 🧐
js2me ♨️
Видимо он хочет чтобы кто то скинул готовое решение из библиотеки без использования библиотеки
Sergiy
Слайдер лучше взять готовый, breakpoints и все прочее тоже надо учитывать
можешь от себя посоветовать какое-то решение?
js2me ♨️
ахахх
Sergiy
я уже с этим слайдером под дня сижу
Avetik
мне кажется у человека тестовое задание
🐙
нужно без использования библиотек
Звучит как практика в универе или в колледже. Может ты не ту профессию выбрал? Тут думать нужно, изучать, искать.
Александр
нужно без использования библиотек
Противоречие какое-то, хотите готовое но не библиотеку, а что тогда?
Sergiy
Тогда ищи статьи по слайдерам кастомным, их куча
вот...
По реализации слайдера на реакте на нашел
Sergiy
Противоречие какое-то, хотите готовое но не библиотеку, а что тогда?
готовое решение, написаное на чистом реакте
Maxim
вот...
По реализации слайдера на реакте на нашел
https://github.com/FormidableLabs/nuka-carousel
Alexey
вот...
По реализации слайдера на реакте на нашел
программист - творческая профессия.
придумай, как оно может работать на твой взгляд и сделай
Александр
NIH-syndrome i think
Когда NIH синдром, то обычно вопрос о реализации не встаёт, на этой стадии берут и кодят
Alexey
на русском это 1С ? =)
Anonymous
Привет
Anonymous
на русском это 1С ? =)
на русском это «слайдер на реакте бесплатно и без смс 2019 час назад статья смотреть сейчас»
Alexey
на русском это «слайдер на реакте бесплатно и без смс 2019 час назад статья смотреть сейчас»
тогда уж не статья, а "видеоуроки бесплатно на русском скачать в хорошем качестве"
Maxim
готовое решение, написаное на чистом реакте
А что именно нужно? Тач, зацикливание? В простейшем варианте слайдер в 15-20 строк на JS уместится. Я так делал, хз зачем, но делал.
Sergiy
Maxim
простой слайдер с dots
Ну, локальный стейт с номером слайда, рендерим его в инлайн-стиль с transform: translateX. В чем именно проблема?
h1
Господа из сообщества расскажите насколько часто в реакт приложениях используются тайп чекеры типо flow, js doc или TypeScript?
Sergiy
Ну, локальный стейт с номером слайда, рендерим его в инлайн-стиль с transform: translateX. В чем именно проблема?
проблема в том, что я плохо шарю в реакте, чтобы такое написать.
Хотел бы поучиться на чем либо
arthur
h1
я вкурсе
Александр
h1
а что из перечисленного на острие атаки? интересует продакшен опыт
Александр
проблема в том, что я плохо шарю в реакте, чтобы такое написать.
Хотел бы поучиться на чем либо
Тогда лучше сначала с основ реакта начинать
Sergiy
Тогда лучше сначала с основ реакта начинать
основы реакта знаю.
Умею компоненты писать, стейт умею использовать
Александр
основы реакта знаю.
Умею компоненты писать, стейт умею использовать
Вам выше набросали идею
Maxim
проблема в том, что я плохо шарю в реакте, чтобы такое написать.
Хотел бы поучиться на чем либо
Реализуй смену двух картинок, наложенных друг на друга. Это, мне кажется, самый простой пример, кода минимум. Кидай результат на codesandbox, если что-то не будет работать.
Sergiy
Реализуй смену двух картинок, наложенных друг на друга. Это, мне кажется, самый простой пример, кода минимум. Кидай результат на codesandbox, если что-то не будет работать.
там не так всё легко.
Нужно в зависимости от количества слайдов мапить количество dots
Maxim
там не так всё легко.
Нужно в зависимости от количества слайдов мапить количество dots
В пропсы приходит массив, его длина - количество дотсов.
Andrey
введи в поиске ютуба "05. Уроки по React, Слайдер, Slider (учу вместе с вами)"
Aidyno
Александр
там не так всё легко.
Нужно в зависимости от количества слайдов мапить количество dots
Array.from({length: slides.length}).map(... и рисуйте точки
Sergiy
Alexey
тогда стоит сменить род занятий, наверное
Andrey
и в чем же тогда проблема?
Arkadzi
Maxim
там не так всё легко.
Нужно в зависимости от количества слайдов мапить количество dots
