С чего начать учить React?

Question

[Дима Долготер]

Немного знаю js, обычно писал на jquery но надо учить рекат.
Я не шарю в этих ваших пактеных менеджерах, сборщиках и тд.
Нашел это https://maxfarseer.gitbooks.io/react-course-ru/con...

Типа нужен сервер.
1) могу ли я просто закинуть все эти файлы просто на хостинг и все или я не правильно понял значение слова сервер применимо к этому?
2) С чего начать вообще учить реакт? Нормальное ли то руководство или можете посоветовать лучше?

Comments

[davidnum95]

то руководство очень устарело

[vaux]

А зачем его учить?

[Максим]

davidnum95, пишу новое. Там устарела практика, но теория ок.

[Максим]

> Немного знаю js, обычно писал на jquery но надо учить рекат.
начните с основ, хорошо подтяните основы и react зайдет как по маслу.
Дима Долготер

[Иван]

Максим, Ждем-с))

[Максим]

Иван, подпишитесь в твиттер - там будет размещаться оперативная инфа в скором времени.

[Иван]

Максим, хорошо,спасибо

Answer 1

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

У них же просто охренительный официальный туториал

Comments

[kn1ght_t]

ну и там же доки

Answer 2

[Александр Манаков]

Используйте Create React App
Все что надо для старта там есть. Ставьте и переписывайте начальный компонент на ваше смотрение

Comments

[Сергей Сунцев]

Вот это плохой путь, уж лучше уделить пару вечерков и по изучать webpack...

Answer 3

[Кирилл Мокевнин]

> Я не шарю в этих ваших пактеных менеджерах, сборщиках и тд.

Тогда вам не с реакта надо начинать, а с изучения экосистемы nodejs. Кратки экскурс можно получить пройдя наш бесплатный курс https://ru.hexlet.io/courses/js-setup-environment

Comments

[Иван]

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

[Сергей Сунцев]

Проходил в своё время(начало 2017) ваш курс по реакту, долго ломал голову, почему мануалы отличаются от офф документации, а оказалось, что курс как пару лет устарел(((

[Кирилл Мокевнин]

Сергей Сунцев, Вероятно вы проходили старый курс. Буквально несколько месяцев назад у нас он полностью обновился + добавился курс по redux.

Answer 4

[Василий Назаров]

1) Сервер нужен, чтобы отдавать те данные (JSON), на основе которых React (лучше - не React) нарисует DOM. Обычно сервер генерит JSON из данных в БД. Но вы верно мыслите, в начале обучения можно положить статические файлы с JSON на любой доступный веб-сервер.
2) Можем посоветовать лучше: https://ru.vuejs.org/v2/guide/

Comments

[German Jet]

Почему лучше - не React? Вы имели в виду лучше Vue?

[Василий Назаров]

German Jet, ага

[kn1ght_t]

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

[Василий Назаров]

kn1ght_t, интересно, по-вашему, в вопросе "посоветовать лучше" может означать в ответе "лучше" по каким-то объективным показателям?
И, кстати, реакт и Vue не одинаково хороши - во Vue нет этого уродства JSX, а в реакте нет простого, как гвоздь, Vuex.
Ну, какое слово к Ангуляру применить, все уже вроде знают из тех, кто хоть немного в теме.

[Александр Симонов]

Василий Назаров, JSX есть во Vue, вы можете поизвращаться и Vuex к реакту привинтить, но есть Redux или MobX

[Александр Симонов]

Василий Назаров, https://ru.vuejs.org/v2/guide/render-function.html

[Василий Назаров]

SimasikS,
видите ли..
Во Vue может быть JSX (для особых.. ценителей этого извращения), но никто в своём уме не будет юзать JSX во Vue, тогда как реакт без JSX уже не реакт.
В реакт можно ввинтить Vuex или MobX или Flux или Reflux или Redux или XYux... Именно потому реакт - немного не то.. Во Vue все просто используют Vuex.

[Александр Симонов]

Лично с моей колокольни кажется, что особой разницы нет, что-то, что-то для одних и тех же целей с одними и теми же архитектурными решениями. JSX это было в своё время революцией, я больше чем уверен, что вы не сможете назвать ни одной аддекватной причины против использования JSX. То что реакт позволяет самому выбирать источник данных - это же здорово и позволяет использовать инструменты в зависимости от контекста. Во Vue кстати тоже используют не только Vuex.

[Василий Назаров]

SimasikS, хорошо, JSX прекрасен, и здорово, когда каждый ламер тянет в проект любую хрень, которую захотелось.. попробовать, в зависимости от его, ламера.. контекста

[Александр Симонов]

Василий Назаров, вы всё равно не привели аргументы) а просто кукарекнули

[Василий Назаров]

SimasikS, снова согласен..
"кукарекнул со своей колокольни" - просто восхитительно подходящий эпитет к данной ситуации

Answer 5

[TheMoth]

С этого: React и Redux. Функциональная веб-разработка

Comments

[Дмитрий Pacification]

Хорошая книга. Сам начал читать чтобы пробелы закрыть

Answer 6

[Александр Кошеверов]

> Я не шарю в этих ваших пактеных менеджерах, сборщиках и тд.
Советую вам для начала прочитать вот это, поможет разобраться зачем вообще нужны эти ноды и пакетные менеджеры.
А потом можно попробовать и REACT.

Answer 7

[Василий Васильев]

Раз
Два
Три

Answer 8

[Кирилл Мартынов]

Первый
Второй

все это можно найти на торрентах

Answer 9

[DoctorPro]

Еще неплохое руководство по React -https://metanit.com/web/react/

Answer 10

[Дмитрий Pacification]

Я учил реакт на курсах. До того как я взялся за реат я уже знал как собирать фронтенд с помощью Gulp. Освойте сначала его. Как собирать стили и скрипты. Потом я сам по оф документации освоил webpack. Ну как освоил, могу подключить babel и настроить веб сервер (webpack-dev-server). Все вопросы и проблемы решаются путем гугления. How to build jsx with webpack. До работы с jsx я немного поковырял что такое ES6. Без этого сложно учить реакт.
TheMoth посоветовал хорошую книгу. Я соглсен с его ответом. Прочитайте её, разбиритесь как настраивать gulp и webpack (Можно конечно просто webpack, но для общего развития осилить оба не помешает)
https://webdesign-master.ru/blog/tools/2016-03-09-...

Answer 11

[Наталья Петрова]

В гугле при поиске «руководство реакт» почти сразу выходит ссылка на хороший источник metanit. Там по главам разбита вся информация, разберетесь.
Если сложновато идет самостоятельное обучение, пройдите курсы от GeekBrains, MCS, Loftscool или от других онлайн-школ kursfinder.ru/react/ (здесь проще выбрать)