Как реализовать прокрутку блока с transform: translateY?

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

Bootstrap 4 modal почему сдвигается в лево?

задай body padding-right: 17px;

Как заставить элемент с position sticky сразу скролится?

задать ему top: -20px

Как в строке удалить 2 подряд идущих одинаковых буквы?

Nicolas Serdyuk, огромнейшее вам спасибо!

Как в строке удалить 2 подряд идущих одинаковых буквы?

а как он примерно должен выглядеть? что проверять в нем?

Как в строке удалить 2 подряд идущих одинаковых буквы?

Nicolas Serdyuk, да, я попробовал сразу :), но получилось "snowdenabccccba"

Как в строке удалить 2 подряд идущих одинаковых буквы?

Andrey Tsvetkov, Nicolas Serdyuk, может еще подскажете, чтобы лишний вопрос не создавать, если взять строку "snowdenabcdeedcbaabcdeedcba" то на выходе с помощью ваших решений получается -> snowdenabcddcbbcddcba, как удалить оставшиеся повторяющиеся буквы?

Как в строке удалить 2 подряд идущих одинаковых буквы?

с вашим вариантом получается: "wtonrld"

Как реализовать переключение изображений (слайдер) по клику?

Роман Александрович, благодарю! а в чем была проблема? почему ++ не работает?

Как реализовать переключение изображений (слайдер) по клику?

App:

import React, { Component } from 'react';
import Slider from './Slider';
import slides from './slides';

class App extends Component {
  render() {
    return (
      <Slider slides={slides}/>
    );
  }
}

export default App;

Slider:

import React, { Component } from 'react';

class Slider extends Component {
constructor(props){
super()
this.state=({
currentSlideImage : 0
})
}
    render() {
        return (
            <div className="container">
                <button onClick={()=>this.handlePrevButton()}>Prev</button>
                <img src={this.props.slides[this.state.currentSlideImage]} alt="slider-item"/>
                <button onClick={()=>this.handleNextButton()}>Next</button>
            </div>
        );
    }

    handlePrevButton = () => {
        console.log('--')
    }

    handleNextButton = () => {
        
       let currentSlideImage = this.state.currentSlideImage;
this.setState({
currentSlideImage:currentSlideImage++
})
console.log(this.state.currentSlideImage);
console.log(this.state);
console.log(this.props);
    }

    
}

export default Slider;

slides:

export default [
    'https://picsum.photos/500/300?image=0',
    'https://picsum.photos/500/300?image=44',
    'https://picsum.photos/500/300?image=22',
    'https://picsum.photos/500/300?image=33',
    'https://picsum.photos/500/300?image=4',
    'https://picsum.photos/500/300?image=55',
    'https://picsum.photos/500/300?image=66'
];

Как реализовать переключение изображений (слайдер) по клику?

Роман Александрович, ничего не изменилось

Как реализовать переключение изображений (слайдер) по клику?

Код такой же, как в Вашем решении.
Я добавил console.log
console.log(this.state.currentSlideImage);

И при клике на next, currentSlideImage не изменяется (всегда равен 0)

===

prntscr.com/ij26qf

Как реализовать переключение изображений (слайдер) по клику?

не работает код, по клику ничего не происходит, ошибок в консоли нету

Как реализовать переключение изображений (слайдер) по клику?

то что конструктор внутри метода render, это нормально?

Как float для img заменить во flex?

никак, продолжайте использовать float. свойство как раз создано для обтекания

SCSS класс внутри функции?

Для чего используется два ":" после "&"?

Как работать с Gulp в новом проекте?

Благодарю!

Что использовать для создания отзывчивого(адаптивного меню) меню?

Забыл упомянуть, нужно без использования bootstrap!

Подойдёт ли macbook pro 13 для моих требований?

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

Как изменить положение маркеров(изображений) в меню?

А как отдельно для маркера, а то все меню уезжает.