Почему ended отрабатывает несколько раз?

Kentavr16, спасибо я вносил изменения возможно код не работал в песочнице(

Какие существуют библиотеки для подключения аудиоплееров?

Приходит на ум при клике prev play next и тд увеличивать счетчик прослушивания i++
Если нужно более точно, нужно получать User-Agent, ip каждого пользователя, время прослушивания currentTimes, durations каждого трека

Почему ended отрабатывает несколько раз?

Может как-то кэшировать? How can I memoize a variable derived from redux us...

import {createSelector} from '@reduxjs/toolkit';

export const selectRawTranscript = createSelector(
  (state: RootState) => state.data.someRawValue,
  (rawValue) => rawValue.map(entry => entry.data)
);

Как в reducerе обратиться к другому reducerу?

0xD34F, спасибо изучу досконально просто очень не терпится прикрутить к плееру я первый раз эту штуку изучаю Нужен redux или переборщил с разделением на компоненты?

Как в reducerе обратиться к другому reducerу?

Спасибо Вам огромное!!! Не подскажите в чем была проблема? И что я сделал чтобы ошибка пропала?(

Пофиксил ошибку middleware: (getDefaultMiddleware) ну так и не понял как)))

Getting an error "A non-serializable value was det...

import { configureStore } from '@reduxjs/toolkit';
import playlistReducer from './playlistSlice.js';

export default configureStore({
  reducer: {
    // Свойство counter будет внутри объекта общего состояния: state.counter
    playlist: playlistReducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }),
});

Как в reducerе обратиться к другому reducerу?

Пофиксил ошибку middleware: (getDefaultMiddleware) ну так и не понял как)))

Getting an error "A non-serializable value was det...

import { configureStore } from '@reduxjs/toolkit';
import playlistReducer from './playlistSlice.js';

export default configureStore({
  reducer: {
    // Свойство counter будет внутри объекта общего состояния: state.counter
    playlist: playlistReducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }),
});

Нужен redux или переборщил с разделением на компоненты?

А что лучше Redux Toolkit или просто Redux?

Где найти задачи по js которые встречаются в реальных задачах на продакшене или в каркасах?

Алексей Ярков, ну как сказать, да так сказать ага)

Где найти задачи по js которые встречаются в реальных задачах на продакшене или в каркасах?

Сергей delphinpro, я делал, но хотелось бы более мелкие задачи например:

Перевод из секунд в минуты, найти проценты и тд

return !isNaN(time)
      ? ("0" + Math.floor(time / 60)).slice(-2) +
          ":" +
          ("0" + Math.floor(time % 60)).slice(-2)
      : "00:00";

склонения числовых значений

function declOfNum(number, words) {  
    return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? Math.abs(number) % 10 : 5]];
}

declOfNum(1, ['минута', 'минуты', 'минут']);

Где найти задачи по js которые встречаются в реальных задачах на продакшене или в каркасах?

Сергей delphinpro, спс я их сам придумывал, но фантазия иссякла(

Где найти задачи по js которые встречаются в реальных задачах на продакшене или в каркасах?

Спасибо хех дублировал надо было поискать прежде чем написать(

Как пользоваться querySelector в React?

Спасибо помогло, много лишнего кода выбросил с querySelector и класс почистил от методов ненужных. Теперь я понял в чем их преимущества

Почему сannot read properties of null при добавлении свойств в классе?

Спасибо Вам. Не как не выйдет в классе присвоить?(

Как формировать сырые SQL запросы максимально эффективно?

Забыл я python, но думаю что то типа

function orm() {
  let value;
  let sql;

  return {
    table: function (input) {
      value = input;
      return this;
    },
    findAll: function () {
      sql = `SELECT * FROM ${value}`;
      return this;
    },
    where: function (key, value) {
      sql += ` WHERE ${key} = ${value}`;
      return this;
    },
    create() {
      return sql;
    },
  };
}

bilder = orm();

console.log(
  bilder.table("Customers").findAll().where("city", "London").create()
);

//SELECT * FROM Customers WHERE city = London

Как в js объект создаётся без класса?

Сергей delphinpro, неожиданно)

Можно ли ещё сократить код?

Норм так код сократил благодаря вам и рекурсия пригодилась))) Да так проще единственный элемент (компонент) Хочется почувствовать разницу между custom web component, Виртуальный DOM в формате array (Многомерного массива), jsx и как можно синхронизировать виртуальный dom с реальным

Как то экспериментировал

Web Components Crash Course

Можно ли ещё сократить код?

Спасибо огромное Вам!

Можно ли ещё сократить код?

Вау спс

Почему this не работает?

Спасибо переписал. Извините но я уже минут 30 голову ломаю как player.playAudio(e) может попасть this если в методе playAudio(no params) нету параметров? Фишка что можно с помощью call, apply и bind как то параметр пробрасывать (создавать методы с параметрам и добавлять например в класс)

player.playButton.addEventListener("click", (e) => player.playAudio(e));

playAudio() {
    this.audio.play();
    this.playButton.style.display = "none";
    this.pauseButton.style.display = "block";
  }

Почему this не работает?

Спасибо огромное