Тигран Абрамян

const filterData = data.filter(el => {
  return (el.cardNum.startsWith('1234') || el.cardNum.startsWith('4234'))
  && (el.cardStatus === 'X' || el.cardStatus === '+');
});

console.log(filterData);

https://jsfiddle.net/5v2jqtad/

https://webpack.js.org/configuration/stats/

if (typeof isNumber == 'number') {
  return true;
} else {
  return false;
}

Ну норм же результатом будет 22, не должно вывести никакой ошибки.
Вам следует это почитать

Какой вам удобно то и используйте.

какой способ лучше использовать

Нету лучшего способа.

arr.map(el => Object.keys(el.variation.attributes));

Имя должно начинаться с маленькой буквой.

Держите, параллельно практикуйтесь с ним, советую его канал оставить в качестве бесплатных

наполненных курсов

Так как сами сказали что

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

Еще не помешает выполнять задачки отсюда.

Допустим Logo(js\css) перекинуть в папку Logo и тд

Так и нужно.

В свое время читала на хабре что некоторые разработчики создают одну папку Header, и сваливают туда все компоненты

Во время создания реакта в 2013?

Первый способ более структурированный.

width: 100%;
max-width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-direction: row;
flex-wrap: wrap;
flex: 1;

import React, { useEffect } from 'react';

export default function GetContent() {

  const GetData = () =>  {
    ...
  };

  useEffect(() => {
		GetData().then(res => console.log(res));
  }, []);

  return (
    <div>
      	
    </div>
  )
}

ul {
  list-style: none;
}

.success__reg-li {
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
}

.success__reg-li::before {
  content: "\2022";
  color: #FF5D2B;
  font-weight: bold;
  display: inline-block;
  font-size: 35px;
  line-height: 23px;
  width: 1em;
}

https://github.com/florinpop17/app-ideas

Зачем руками прописывать от 1920 до 2020 годы, если можно циклом пробежаться и вывести?
<select id="year"></select>

for (let year = 1920; year <= 2020; year++) {
  let options = document.createElement("OPTION");
  document.getElementById("year").appendChild(options).innerHTML = year;
}

Первый способ наиболее правильный.

return (
   {
      this.state.table.map(row => {
         return <TableRow row={row}/>
      })
   }
)
function TableRow(props) {
   return(
      <tr>
         props.row.map(cell => {
             <td><TableCell /></td>
         })
      </tr>
   )
}