hzzzzl

да, все { блоки } имеют свою внутреннюю область видимости

вот по первому вопросу
https://codepen.io/anon/pen/OYpYZE
(пришлось чуть поменять хтмл)

про второй вопрос, "мы проскроллим элемент #large-content-block" это начиная с какого момента?
чтобы сайдбар появлялся под красным блоком, когда доскроллили до верхней границы красного блока?
думаю надо будет ловить этот момент через js event scroll, и переносить блок с сайдбаром из одного места в другое

потому что asks это не массив, у него нет length

https://codepen.io/anon/pen/Rmpvzy

а вообще questions :p

https://www.npmjs.com/package/react-infinite-scrol...

когда юзер долистает окно до этого компонента InfiniteScroll, то вызовется
next={fetchData}

ну и в fetchData вся магия, подставляешь в массив items [уже отрисованные 100 элементов, новые 100 элементов] через setState, и всё перерендеривается и добавляются новые элементы на страницу

это длинное и запутанное можно поменять на

function scrollPage(elem) {
  window.scrollTo({
    top: elem.offsetTop,
    left: 0,
    behavior: 'smooth'
  });
}

https://developer.mozilla.org/en-US/docs/Web/API/W...

и мини-решение как отправная точка
https://codepen.io/anon/pen/JqWvqo?editors=0010

попробуй со своими тестовыми объектами

function f(obj) {
  for(const key in obj['prop']) {

    for(const subkey in obj['prop'][key]) {
      obj['prop'][key][subkey] = 'changed'
    }
    
  }

  for(const key of obj['childs']) {
    f(key)
  }
}

3) В child`ах или в parent`е не нужно проверят наличие childs, parent. --
ага, это я не заметил, но если в остальном работает то можно прокидывать параметр типа
function f(obj, isChild)
и не проверять детей если isChild == true

вот ответ на второй вопрос, который закрыли
https://codepen.io/anon/pen/byqvWG?editors=1010

в родительском элементе в стейте пусть будет { showAlert: false, alertMessage: 'blabla' }
<Alert show={this.state.showAlert} /> пусть будет всегда и по умолчанию скрытый

когда надо, то

this.setState({ showAlert: true, alertMessage: responseFromServer })
setTimeout( () => setState({ showAlert: false }), 5000 )

ну а в самом алерте пусть в зависимости он props.show добавляется класс с css-переходами итд

-
или всё то же самое через редукс, так же с таймаутом на 5 сек, после которого класс элемента меняется обратно на скрытый

семпловые барабаны и например саббас (синус) - да, почему нет
что-то сложнее с модуляциями там и прочим.. я думаю что теоретически да, можно, НО готовых решений не видел

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

вот например целый эмулятор DX7
mmontag.github.io/dx7-synth-js

и еще библиотека
https://tonejs.github.io/demos

--
еще не про JS, но зацени тоже
https://www.youtube.com/watch?v=v6lXt47ipks
чувак на ходу пишет на языке Tidal, я как-то хотел разобраться, но не хватило мозга на такое

const createFirstFun = function(fun)   {
// эта фигня вернет функцию которую можно будет вызвать()
    return function(sometext){      
      // эта фигня будет вызывать переданный сверху fun() с аргументом sometext
      fun(sometext.toUpperCase())      
  }
}


const scream = createFirstFun(
	// вот этот всё внутри createFirstFun станет параметром fun
	function(text) {return alert(text)}
);

// так как createFirstFun вернет функцию которую можно будет вызвать()
// то мы и вызываем эту возвращенную функцию с параметром sometext = 'Hello'
scream('Hello');

ну как-то так

писать в строке подключения к монго базе данных
https://stackoverflow.com/a/51182415

If you are using version >= 3.1.0 change you mongo connection file to ->
MongoClient.connect("mongodb://localhost:27017/YourDB", { useNewUrlParser: true })
or your mongoose connection file to ->
mongoose.connect("mongodb://localhost:27017/YourDB", { useNewUrlParser: true });

но здесь вываливается ошибка "MongoError: Authentication failed.", то есть точно ли путь к БД правильно написан? или юзернейм или пароль не подходят

сохраняешь в массиве src всех картинок

images = ['a','b','c','d']
// "https://www.stihi.ru/pics/2005/12/19-543.jpg"  , и так далее

и сохраняешь индекс текущего слайда

current = 0
// начинаем с первого, то есть "нулевого" элемента в массиве

и тогда

aL.onclick=function(){
  alert("Arrow left") //в этих фукнциях и есть вопрос
  current = current - 1 < 0 ? images.length - 1 : current - 1
  // меняем индекс текущего и перерисовываем в слайдере картинку на images[current]
}

aR.onclick=function(){
  alert("Arrow right") //в этих фукнциях и есть вопрос
  current = current + 1 > images.length - 1 ? 0 : current +1
  // меняем индекс текущего и перерисовываем в слайдере картинку на images[current]
}

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

for (var i = 0; i < result2.users.all_name.length; i++) {
	const something = result2.users.short_name[i] != '' ? 'SHORT NAME NOT EMPTY' : 'SHORT NAME EMPTY'

  res += '<option value="' + 
  	result2.users.all_name[i] + ' | ' + 
  	result2.users.short_name[i] + '">' + 
  	result2.users.all_name[i] + ' | ' + 
  	result2.users.short_name[i] + 
  	something +
  	'</option>';
}