Использование ReactJS и python Flask. Основной подход

Question

Я работаю над проектом, который я начал с Python и Flask, так как в начале он был довольно маленьким - шаблонов jinja, обычно используемых Flask, было достаточно, но, как я хотел больше и больше - Я решил попробовать ReactJS.

. Он отлично работает для самых разных вещей, и имеет больший контроль над всем интерфейсом, и в целом мне это нравится, но давайте предположим, что я хочу использовать реакцию для X-компонент, и в том же X-компоненте я хотел бы использовать шаблоны jinja - чтобы заполнить его данными из Flask backend. Это первый вопрос - 1) Как этого добиться? React готовит файл javascript, поэтому шаблон не может быть обработан. Должен ли я создать какую-то конечную точку и получить данные GET, необходимые для заполнения запросом jquery?

Второй вопрос - маршрутизация. Я определяю некоторые конечные точки в flask - но в компонентах реагирования мне нужно «жестко» его кодировать. Есть ли какое-то решение, чтобы оно не было жестко закодировано в 2 местах?

Третий вопрос - как вы с этим работаете? Может быть, стоит объединить React для некоторых компонентов и использовать шаблоны для других целей?

Резюмирующий вопрос:

1. Как ввести flask данных в Компоненты React.
2. Как справиться с маршрутизацией.
3. Общие вопросы работы с React + Flask / Django. Ваше мнение / мысли / руководства.

Мне очень интересно ваше мнение об этих двух основах, работающих вместе:)

Answer 1

1. Вы можете создать два отдельных приложения: одно с flask (конечные точки, обслуживающие данные json) и одно с реагированием (приложение внешнего интерфейса, запрашивающее эти данные). Вы можете использовать ax ios в ответ на запросы к вашему API. Например, вы пишете класс / компонент для этой цели и используете его для запроса данных в несколько строк кода в других ваших компонентах. Если упомянутый вами jinja - это шаблонизатор, я не думаю, что есть простой способ использовать его с реакцией.
2. В React Обычно вы разрабатываете одностраничные приложения, но вы можете использовать response-router для маршрутизации ваших подстраниц. Если я правильно понимаю, это ситуация, о которой вы говорите: В ответ Вы пишете компонент, который отвечает за отображение списка статей. В этом компоненте Вы «жестко закодировали» функцию, используя (например, используя ax ios) загрузку списка в формате json. Позже вы сделаете то же самое для компонента, который отображает конкретную статью c.
3. Я думаю, что проще быть последовательным и разрабатывать приложение SPA. Особенно, когда у вас уже есть такие вещи, как реагирующий роутер, топор ios или резервный сервер. Я новичок (не стесняйтесь sh со мной (:), но я думаю, что эти фреймворки должны прекрасно работать друг с другом. Я рекомендую этот курс удеми . Я многому там научился о реакции.