Как правильно использовать hook useEffect?

Это же официальная практика нет?

Как изменять стейт 1 раз при прокрутке в конец страницы?

Сделал как вы сказали и все заработало нормально. Но так как у меня eventListener добавлялся в хуке useState, решил сделать с помощью переменной updating, вот так:

const updateContent = throttle(() => {
    let updating = true;
    if (window.scrollY === 0) updating = true;
    if ((window.scrollY + window.innerHeight) === document.body.clientHeight) {
      if (updating) {
        window.scrollTo({top: 0, behavior: 'instant'});
        setCurrentPage(prevPage => {
          console.log('UPDATED!!!');
          return prevPage+1;
        });
        updating = false;
      }
    };
  }, 300);

Как изменять стейт 1 раз при прокрутке в конец страницы?

Так и сделал. Хотел с самого начала это сделать, но потом подумал: не будет ли это слишком топорно? И решил задать вопрос знающим)
Конечный вариант:

const updateContent = throttle(() => {
    let updating = true;
    if (window.scrollY === 0) updating = true;
    if ((window.scrollY + window.innerHeight) === document.body.clientHeight) {
      if (updating) {
        window.scrollTo({top: 0, behavior: 'instant'});
        setCurrentPage(prevPage => {
          console.log('UPDATED!!!');
          return prevPage+1;
        });
        updating = false;
      }
    };
  }, 300);

Можно ли делать сетку в корневом (предкорневом) компоненте App.js в React'е?

camelCaseVlad, значит я думал в правильном направлении) сначала так и сделал, но затем подумал, нужен ли этот компонент вообще, не лишний ли он, и сделал то что сделал. Спасибо за ваше время и поддержку.

Можно ли делать сетку в корневом (предкорневом) компоненте App.js в React'е?

Стоит ли мне тогда тут что-то менять? Как вы сказали я прописал сетку в App.css.

Как работает хук useEffect?

Если бы у эффекта были зависимости (а они тут должны быть, просто пример не про это написан), то эффект выполнялся бы реже, чем на каждый рендер.

То есть, если я использую эту функцию (HandleStatusChange) только для изменения этого стейта, то лучше прописывать ее в в теле функции useEffect?

А вызывает её не эффект, а ChatAPI — представьте себе, что это некий document.addEventListener м обработчиком событий handleStatusChange. Эффект организует подписку и отписку.

Значит ли это что ответ от profesor08 не точен? Будет ли функция объявленная в useState вызываться автоматически если там же не прописать вызов?

Как написать regex для поискового запроса?

Александр Таратин, dodo512, Karpion, спасибо вам большое, очень помогли

Как написать regex для поискового запроса?

Karpion, а если я проверю owner с помощью простого итерирования то будет ли это плохой практикой?

Как написать regex для поискового запроса?

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

Да, можно сначала проверить строку на наличие "/", затем с помощью split('/') получить массив с owner и repository а затем проверить их отдельно.

Как написать regex для поискового запроса?

Pardon Me! Where Do I Find 4giveness?,
reduxjs/react-redux
gimir/meat-page
gimir/portfolio

Как сделать кастомный роут в react-router?

Сергей Сунцев, да, ошибся немного

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко, я все таки думаю что это версии конфликтуют, просто я сначала сгенерировал проект с помощью create-react-app а потом установил react-router-dom, а вы все установили за раз... и вот я думаю что у вас create-react-app установил какой то пакет другой версии которая совместима с react-router-dom, не знаю, может create-react-app автоматически проверяет конфликтующие зависимости и подбирает версии при инициализации. В любом случае благодаря вам этот вопрос будет кому то полезен.
Я же в свою очередь убрал react-router-dom и сделал маршрутизацию через глобальный стейт, приложение то не большое.

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко, а в чем тогда может быть проблема, есть какие мысли?

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко, тогда это точно конфликт, можете скинуть package.json?

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко, проблема не исчезла, я начинаю думать что это конфликт каких-то зависимостей, вот ссылка на гит - https://github.com/Gimir/test-blog-app/tree/master...

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Метод то я передаю, onButtonClick

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко, не, кнопку я пробовал убрать, не помогло, даже когда я изменил url с помощью history.push() то страница сменилась но эта ошибка все равно выскакивала.

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко,

import React from 'react';
import styled from 'styled-components';

const StyledButton = styled.button`
    padding: 10px 20px;
    font-size: 15px;
    border: none;
    background-color: #fff;
    color: #000;
`;

const MainButton = ({children, onButtonClick}) => (
    <StyledButton onClick={onButtonClick}>{children}</StyledButton>
);

export default MainButton;

В чем проблема TypeError: Cannot read property 'parentNode' of null?

Павел Диденко,

import { useHistory, BrowserRouter as Router,
        Switch,
        Route,
        Link
} from 'react-router-dom';

function App() {

  return (
    <Router>
      <main>
        <Header screenHandler={()=>{}} />

        <Switch>
          <Route exact path='/'>
            <BlogScreen posts={Posts} />
          </Route>
          <Route path='/post'>
            <PostScreen />
          </Route>
          <Route path='/edit'>
            <EditScreen onAddPostClick={createNewPost} onSavePostClick={changePost} />
          </Route>
        </Switch>
      </main>
    </Router>
  );
}

export default App;