EN

It's a monorepository that stores all projects completed during the Rolling Scopes React Course 2023Q4. TypeScript and React are presented in each branch, while other technologies may vary.

All branches, except for 06, use the same API, and all versions of app from branch 01 to 05 have a pretty much similar design and UI.

"01.Components":

This branch is dedicated to learning basic React concepts and interactions. There's nothing really interesting here, unless you want to take a look at my first steps in the React library.

"02.Routing":

"Routing" is pretty self-explanatory. It involves React Router (createBrowserRouter, createRouterFromElements, nested routes, etc.)

Branch "03.Test-context-api":

This is dedicated to the React Context Provider and unit testing.

"04.Redux-rtc":

In this branch app starts using the Redux Store with reducers. For REST requests used RTKQuery.

"05.NextJS":

Here comes a significant change as the app starts using the NextJS Framework with a pagesRouter under the hood. App pages are now generated using Server Side Rendering (SSR).

06.Router:

The last branch is dedicated to client-side forms validation through a controlled/uncontrolled approach. For schema validations, Yup is used.

RU

Это монорепозиторий, который хранит все проекты, выполненные во время курса React в Rolling Scopes 2023Q4. TypeScript и React представлены в каждой ветке, другие технологии могут варьироваться.

Все ветки, кроме 06, используют один и тот же API, и все версии приложения от ветки 01 до ветки 05 имеют примерно одинаковый дизайн и пользовательский интерфейс.

"01.Components":

Эта ветка посвящена изучению основных концепций и взаимодействий в React. Здесь нет ничего особенно интересного, если только вы не хотите посмотреть на мои первые шаги в библиотеке React.

"02.Routing":

"Маршрутизация" довольно очевидна. Здесь используется React Router (createBrowserRouter, createRouterFromElements, вложенные маршруты и т.д.)

Ветка "03.Test-context-api":

Посвящена React Context Provider и модульному тестированию.

"04.Redux-rtc":

Здесь показаны статистика приложения с использованием Redux Store и редукторов с RTKQuery.

"05.NextJS":

Здесь происходит значительное изменение, так как приложение начинает использовать фреймворк NextJS с pagesRouter в основе. Страницы приложения теперь генерируются с использованием серверного рендеринга (SSR).

06.Router:

Последняя ветка посвящена валидации форм на стороне клиента с помощью контролируемого/неконтролируемого подхода. Для валидации схем используется Yup.