Что такое react на пальцах?

Question

[Михаил]

Занимаюсь веб-разработкой, но не могу понять вообще что такое эта библиотека и зачем она нужна, прошу не цитировать документацию, а показать максимально просто. Я хотел написать проект , но так и не понял, ЧТО ВООБЩЕ МОЖНО НАПИСАТЬ???

Comments

[Антон Спирин]

Почитайте одну из сотни статей на эту тему.

[Михаил]

Антон Спирин, прочитал, непонятно

[Антон Спирин]

Михаил, читайте еще. Вам надо понять, чем мотивировано использование фреймворков в веб современной разработке.
Копайте в эту сторону.

[Максим]

Антон Спирин, давай попробуем объяснить, пока не удалили )

Answer 1

[Максим]

Вы можете написать все что угодно. Будь это сайт с сундуками cs:go или сервис поиска дешевых билетов. Главное, что React и подобные библиотеки отвечают за "лицевую" часть. Отсюда и слово frontend. Для полноценного сервиса нужен еще бэкэнд.

Реакт упрощает написание SPA - то есть одностраничного приложения. Это такое приложение, которое не требует перезагрузки окна браузера для брождения по разным экранам.

Без бэкэнда вы тоже можете написать кучу приложений, если воспользуетесь доступными API.
Например - вк выдает вам всю инфу по вашим фотографиям. Вы можете найти те, которые были самыми популярными (по лайкам), добавить сортировку по годам, фильтры по 10 / 100 лайков, например.

Если играете в доту, можете вытащить все свои игры и построить графики... (пример dotabuff)

И тд тп.

Comments

[Михаил]

Ваше объяснение мне очень нравится. Не могли бы вы рассказать еще, как к примеру делается простая страница на нем? (меню и main часть, к примеру)

[Егор Живагин]

Михаил, у Реакта есть просто охренительный туториал , где вы по шагам напишите маленькое приложение. Попробуйте и поймёте. Но нужно достаточно хорошо знать JS .

ИМХО, просто так лучше в фреймворки не лезть, пока вы сами не поймёте, для чего они вам необходимы в проекте

[Максим]

Михаил поддержу Егор Живагин в обоих высказываниях.
Но если уж на то пошло, то ставите себе create-react-app
Там смотрите как сделан App компонент, копируете его и называете Menu - в нем верстаете свое меню и добавляете внутри App, так же через copy paste делаете еще один компонент Main, тоже верстаете.
Затем подключаете в App...

Прохождение туториала или любого доступного учебника - никто не отменял, так будет продуктивнее.

Ну и главное: вы без реакте же можете сделать тоже самое, значит зачем реакт? что-то не сходится...
Предлагаю его не использовать, пока время не пришло. А когда, например, захотите сделать телефонный справочник, чтобы был поиск контактов, список, подробная информация и все это чтобы еще без перезагрузки страницы работало - тогда уже можно и с реактом побаловаться.