Build a progressive web app (PWA) with React

https://blog.logrocket.com/building-pwa-react/#from-web-app-pwa-using-workbox

#coding
#react

How to Pass Data Between Pages in react-router-dom V6?

https://plainenglish.io/blog/how-to-pass-data-between-pages-in-react-router-dom-v6

#coding
#react

Sharing Logic Between Components in Different React Renderers

https://www.braingu.com/blog/share-react-component-logic

#coding
#react

useDelayedRender hook and its usage

const useDelayedRender = delay => {
  const [delayed, setDelayed] = useState(true);
  useEffect(() => {
    const timeout = setTimeout(() => setDelayed(false), delay);
    return () => clearTimeout(timeout);
  }, []);
  return fn => !delayed && fn();
};

const DataComponent = ({ url, fallback, fallbackDelay }) => {
  const [data, setData] = useState(null);
  const delayedRender = useDelayedRender(fallbackDelay);

  useEffect(() => {
    let unmounted = false;
    fetch(url)
      .then(res => res.json())
      .then(data => !unmounted && setData(data))
      .catch(console.error);
    return () => (unmounted = true);
  }, []);

  return data ? <pre>JSON.stringify(data, null, 2)</pre> : delayedRender(() => fallback);
};

#coding
#react

react-query vs SWR и избавимся ли мы от Redux?

Давайте сначала познакомимся с обоеми библиотеками, чтобы сравнить их и убедиться, что лучше. react-query и SWR — это две популярные библиотеки для управления состоянием данных в React-приложениях. Они обе предназначены для облегчения работы с данными, получаемыми с сервера, но имеют некоторые различия в функциональности и подходах.

https://habr.com/ru/articles/758360/

#js #react #ru

💬 Чат фронтендеров

Navigate to a URL with Query Strings (Search Params) in React Router

https://ultimatecourses.com/blog/navigate-to-url-query-strings-search-params-react-router

#coding
#react

SSR в React

https://cyberkesa.ru/react-ssr/

#coding
#react

Using custom events in React

https://blog.logrocket.com/using-custom-events-react/#building-custom-event-react

#coding
#react

Прощайте, useState и useEffect: революция в React

Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний, но мне такой подход не нравится. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению.

Ссылка

#react

Creating multi-window Electron apps using React portals

https://pietrasiak.com/creating-multi-window-electron-apps-using-react-portals

#coding
#react