# Links

## Extra

1. [real-world-react-apps](https://github.com/jeromedalbert/real-world-react-apps)
2. [Как выполнить деплой React приложения на Сервер?](https://filimonov-blog.ru/2023/10/18/deployreact/)
3. [million.dev](https://million.dev/)

## React Docs

* [react-bits](https://vasanthk.gitbooks.io/react-bits/)
* [devdocs.io/react/](http://devdocs.io/react/)
* [reacthandbook.dev](https://reacthandbook.dev/styling#component-libraries)

## Router

1. [Подробно о React Router. Часть 1 ](https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE-%D0%BE-react-router-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-%D1%80%D0%BE%D1%83%D1%82%D0%B8%D0%BD%D0%B3%D0%B0-%D1%82%D0%B8%D0%BF%D1%8B-%D0%B8-%D0%B4%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B-1c159cca6fea)•[ ](https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE-%D0%BE-react-router-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-%D1%80%D0%BE%D1%83%D1%82%D0%B8%D0%BD%D0%B3%D0%B0-%D1%82%D0%B8%D0%BF%D1%8B-%D0%B8-%D0%B4%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B-1c159cca6fea)[How to handle query params in React Router](https://learnwithparam.com/blog/how-to-handle-query-params-in-react-router/)
2. [React Hook Router современная альтернатива React Router](https://habr.com/ru/post/459434/) • [hookrouter](https://github.com/Paratron/hookrouter) npm

## Perf

* [React Scan](https://github.com/aidenybai/react-scan)

## Style

1. [https://www.styletron.org/](https://www.styletron.org)

## [Redux](https://zotaper.gitbook.io/develop/react/redux)

## webpack

* [node-convict](https://habrahabr.ru/company/nordavind/blog/197166/) предоставляет схему конфигурации, в которой можно задавать информацию о типах, значения по умолчанию, переменные окружения и документацию для каждой из настроек.

## Advance

* [Re-reselect](https://www.npmjs.com/package/re-reselect)
* [Hosting multiple React applications on the same document](https://medium.jonasbandi.net/hosting-multiple-react-applications-on-the-same-document-c887df1a1fcd)
* [TinkoffCreditSystems/react-lazy-hydration-render](https://github.com/TinkoffCreditSystems/react-lazy-hydration-render)

##

## React virtualization

{% tabs %}
{% tab title="➜" %}

* <https://github.com/bvaughn/react-window>
* VList - [virtua](https://github.com/inokawa/virtua)
* <https://github.com/petyosi/react-virtuoso>
  {% endtab %}

{% tab title="Session buddy" %}
<https://blog.logrocket.com/rendering-large-lists-with-react-virtualized-82741907a6b3> <https://github.com/bvaughn/react-virtualized/blob/master/docs/Column.md> <https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md> <https://github.com/bvaughn/react-virtualized/blob/master/source/Table/Table.example.js> <https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.example.js> <https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.example.css> chrome-extension://klbibkeccnjlkjkiokjodocebajanakg/suspended.html#ttl=redux%20accumulate%20socket%20data%20-%20%D0%9F%D0%BE%D0%B8%D1%81%D0%BA%20%D0%B2%20Google\&uri=<https://www.google.com.ua/search?num=30&ei=OEruW7yZHKOurgTA14mACg&q=redux+accumulate+socket+data&oq=redux+accumulate+socket+data&gs_l=psy-ab.3...1494867.1497462.0.1498137.11.11.0.0.0.0.322.1615.0j5j2j1.8.0....0...1c.1.64.psy-ab..3.5.1023...33i160k1j33i21k1.0.zXGou8tT6tc> chrome-extension://klbibkeccnjlkjkiokjodocebajanakg/suspended.html#ttl=Redux%20and%20Sockets%20%C2%B7%20Issue%20%231815%20%C2%B7%20reduxjs%2Fredux\&uri=<https://github.com/reduxjs/redux/issues/1815> <https://github.com/markerikson/redux-ecosystem-links/blob/master/middleware.md> <https://github.com/markerikson/redux-ecosystem-links/blob/master/middleware-async.md#timeouts-and-delays> <https://github.com/zackargyle/redux-async-queue> <https://github.com/pirosikick/redux-throttle-actions>
{% endtab %}
{% endtabs %}

## React Server components

{% tabs %}
{% tab title="First Tab" %}
<https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html>
{% endtab %}

{% tab title="Session buddy" %}
<https://soundcloud.com/web-standards/episode-264>\
<https://github.com/prisma/server-components-demo>\
<https://habr.com/ru/post/535248/>\
<https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html>\
<https://www.youtube.com/watch?t=476&v=TQQPAU21ZUw&feature=youtu.be>\
<https://reactjs.org/blog/2019/08/08/react-v16.9.0.html>
{% endtab %}
{% endtabs %}

###
