hzzzzl

window.addEventListener('mousewheel', function(event) {
  console.log(event.deltaY)  // положительное или отрицательное
})

Мне кажется что это можно реализовать проще:
1) задать в состояние начальное значение
2) создать метод this.setState - при нажатии кнопки выползание слева сайдбара
3) как-то сделать так чтобы при нажатти на крестик в верхнем углу сайдбара- сайдбар снова скрылся (пока не знаю как)

data = [........]

render() {
  return (
  <>
    { data.map(x => <MyComponent prop1={x.prop1} prop2={x.prop2} />) }
  </>
  )
}

data = [........]

render() {
  const components = []
  for(let i = 0; i < data.length; i++) {
    const x = data[i]
    components.push(<MyComponent  prop1={x.prop1} prop2={x.prop2} />)
  }

  return (
  <>
    { components }
  </>
  )
}

parseFloat(value) 

parseFloat('0.01')
// 0.01

parseFloat('01')
// 1

render(<Counter incrementBy={1} />, document.getElementById("root"));

ReactDOM.render(
<h1>Привет, мир!</h1>,
document.getElementById('root')
);

ReactDOM.render(
  <MyComponent prop={'PROP'} />, 
  document.getElementById('app-wrapper')
)

console
	.log(


'a'

    + 'b' 




)

v = 'asdfsadf asdf sadf . asf asdf sad.f. .sdaf asdf sa.df .sadf .sdaf '

output = v.split('.');
output = output.shift() + '.' + output.join('');
// "asdfsadf asdf sadf . asf asdf sadf sdaf asdf sadf sadf sdaf "

arrB.map(cl => {
	const reports = cl.reports.filter(r => r.date === '2019-09-05')
	return reports.length 
		? {client: cl.client, reports: { date: reports[0].date, id: reports[0].id } }
		: {client: cl.client, reports: null}
})

const shortUrl = this.props.match.params.url    // mxkt
const longUrl = await fetch('/api/getlink/' + shortUrl)  // mobile/samsung
this.props.history.push('/m/' + longUrl)  // localhost/mobile/samsung

как понимаю эти ссылки должны хранится в бд

или нужно подключать другие языки, например php