Каков правильный способ разработки приложения реального мира в ReactJS

Question

Ну, я боюсь, это может стать вопросом общего мнения и может быть отклонено модераторами. Я могу только просить, позвольте мне получить несколько ответов, прежде чем помечать вопрос. Это я считаю лучшей платформой для такого вопроса.

Я вошел в мир ReactJS несколько недель назад. Я видел несколько действительно впечатляющих видеороликов и руководств по нему. Теперь, когда я мало знаком с React, я решил сделать приложение, и я смог сделать с ним приложение Todo и Flux.

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

1. Это хорошо, безопасно и возможно использовать библиотеки, такие как jQuery and _.js с реактивом. Если нет, существует ли какая-либо библиотека, которую React рекомендует для различных утилит JS.
2. Как DOM манипулировать в Реагировании, скажем, мне нужно, чтобы класс show/hide, add/remove из разных узлов. Как мне это сделать?
3. В настоящее время я знаю Flux (EventEmitter, Dispatcher), чтобы поддерживать модульность данных в моем приложении, используя импорт JS экспорта. Это единственный способ сделать это. Не может ли реакция очень хорошо использоваться с ES5?

Я в настоящий момент из Angular JS world. Как иначе это будет делать сложные приложения реального мира в React?

Answer 1

Да, вы можете использовать любые библиотеки с реагированием. Даже вы можете использовать угловые реакции. Я скажу Угловая + Реакция = Скорость

Вы можете скрыть/показать классы на основе переменной состояния в реакции. React будет обновлять только тот компонент, состояние которого было изменено, и именно поэтому реакция протекает быстро.

Answer 2

1. JQuery не должен быть использован с ReactJS, как JQuery взаимодействует с физической DOM и делает производительность медленнее при работе с огромной HTML (например, связывание 1000 строк в таблице). В то время как ReacJS имеет совершенно противоположную концепцию. Он сохраняет виртуальную копию DOM и только исправляет фактические изменения в физическом DOM, что увеличивает резкое повышение производительности.

2. Вы можете использовать переменные состояния для управления элементом show/hide или добавления/удаления класса на основе любого условия. Когда и когда вы меняете значение состояния, ReactJS будет повторно отображать соответствующий компонент и обновлять изменения в браузере, если таковые имеются.

3. Flux and Redux - это архитектура для управления состоянием из ваших компонентов React и обеспечивает ненаправленный поток данных для связи с другими компонентами React.

4. Что касается ES5, нет никаких ограничений на его использование с ReactJS. Однако ES6 дает вам больше объектно-ориентированной парадигмы, которой не хватает ES5. Вам решать, использовать ли ES5 или ES6

С ReactJS нет сложной задачи при разработке приложения реального слова. Первоначально ReactJS, похоже, сложно усваивать, поскольку у него очень разные понятия. Но, когда и когда вы знакомы с ReactJS, вы поймете, как React является быстрым, масштабируемым и более простым в реализации.