• Как сделать так, чтобы блок уменьшал или увеличивал свою ширину в зависимости от контента, не оставляя пустых зазоров?

    @RusticAnd
    нужно понять что такое flex для начала, посмотреть хотя бы Дмитрия Лаврика. А не впихивать везде display:flex без раздумий
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Нет, все равно 404

    PS C:\Users\andru\Рабочий стол\my-app> npm run build 
    
    > my-app@0.1.0 build
    > react-scripts build && rm -rf '../web/dist' && mv build ../web/dist
    
    Creating an optimized production build...
    Compiled with warnings.


    ошибка такая появляется при билде, возможно из за этого... Ну да ладно, надоело мне со всякими недореактами возиться, проще самому написать нормальный шаблон без всяких гамноjs и прочей нечести и спокойно его подключить.. Еще раз убедился, js это мусор
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik,
    package.json
    {
      "name": "my-app",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.4.2",
        "@fortawesome/free-solid-svg-icons": "^6.4.2",
        "@fortawesome/react-fontawesome": "^0.2.0",
        "bootstrap": "^5.3.2",
        "cra-template": "1.2.0",
        "react": "^18.2.0",
        "react-bootstrap": "^2.8.0",
        "react-dom": "^18.2.0",
        "react-router-dom": "^6.16.0",
        "react-scripts": "5.0.1"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
      "eslintConfig": {
        "extends": [
          "react-app",
          "react-app/jest"
        ]
      },
      "browserslist": {
        "production": [
          ">0.2%",
          "not dead",
          "not op_mini all"
        ],
        "development": [
          "last 1 chrome version",
          "last 1 firefox version",
          "last 1 safari version"
        ]
      },
      "devDependencies": {
        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
        "web-vitals": "^3.4.0"
      }
    }


    Вроде получилось
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, чуть выше я скидывал его, сейчас на работе не могу с тел скинуть .
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik,
    public function actionIndex()
        {
            Yii::$app->response->format = Response::FORMAT_HTML;
            return $this->renderFile('@app/web/build/index.html');
    
    //        return $this->render('index');
        }


    Подключил этим способом, но этот способ и не будет работать, как и дал результат данного подключения, пустая страница. Так как скрипты подключаются в ассетах а не в каких то Html, поэтому yii их не видит...

    Получается и тот и этот способ нормально не отрабатывает,а значит вывод, что я прав, так нельзя делать ни в коем случае, смысл тогда yii использовать, когда его методами и библиотеками пользоваться не будешь. Та же пагинация в Yii удобная, но тут ее не вставить никак, и придется писать костыли на каких то js.

    Я как раз понимаю как работает фреймворк, поэтому и говорю факт того, что так как вы сказали работать не будет, и на практике мы в этом убедились. Поэтому я попросил названия библиотек и помощь, как этот проект именно залить, натянуть, на yii2, чтобы каждая страница была активна и ей можно было управлять с сервера yii2 а не писать код дубляж еще и на js. Js сейчас это просто картинка, там не должно быть серверного кода, кроме пары строк вывода информации в цикле.
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, подключил вашим методом, все работает, НО, yii все равно дает ошибку 404... Хотя страница подгружается. Это не есть хорошо, значит поисковики так же будут считать, что страницы нет, когда она есть.. ВОт поэтому нужно подключать все это с помощью библиотек, которые будут рендерить нормально страницу и отдавать чистый html а не пустую страницу, которая подгружается уже после загрузки браузера. По сути, то что я вижу, этого нет и не будет, это мираж для браузера
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, плюс мне надо чтобы все страницы можно было настраивать в чпу yii2, потому что смысл yii2 без этого пропадет. Все это делается из за сео, иначе можно было взять фрейм от js и все натянуть без проблем на него
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, потому что это 2 приложения, а мне нужно по сути одно.

    Поддерживать такой проект будет сложно, очень. Даже маленькая правка, которую спокойно можно сделать на сервере, на проде, будет идти на локалку, и потом опять проделывать ту же работу... нет, такие приложения автоматом не подлежат поддержке и так делать категорически нельзя
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, и еще раз, я хочу собрать все на локалке, потом прод, это логично, но собрать так, чтобы потом фронт не чесал голову, как исправить то или другое. Многие страницы еще не написаны, но запустить все это на локалке и посмотреть результат надо сейчас. Мне не надо сервер на фронте, мне надо сервер на yii, а вы мне предлагаете чтобы сервер держался на отдельном приложении, на проде, а yii был просто как API, зачем мне держать все это на том же хосте и подрубать вместо PHP , node.js, только для того, чтобы запустить это приложение
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, я спорю исключительно из того, что знаю. Я видел как люди запускали без этого приложения, но не на yii, так же статьи где не было ни слова о том, что надо делать build. Единственное что там ни слова не сказано, как запустить целый проект таким образом. Куда его положить и т.д. я уверен yii имеет библиотеки, которые помогут работать с данными.

    Еще раз повторюсь, в слепую собирать проект, потом его форматировать и если нужна правка обратно все возвращать и опять форматировать, глупо. Так точно никто не делает, уверен на 1000%. Все должно работать из одного места, с одной точкой входа index.js, и то что не запускается, проблема как раз в чтении данных файлов jsx, которым и нужна библиотека. Поэтому и вопрос , куда вставить такие проекты и какие библиотеки можно подключить, так как инфы мало по данному событию
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, я об этом в курсе, это вроде не сложно настраивается, надо заголовки передать
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, нет это так не работает и выглядит очень глупо. Все должно делаться в лайв. Даже если учесть то что я на локалке все делаю, мне этот способ не даёт ничего править, так как фронт и будет часть бэкенда, и туда нужно вносить коррективы. Все файлы должны быть в той иерархии как они есть сейчас и никак иначе, для этого yii обязап обрабатывать эти файлы с помощью библиотек, а не я каждую секунду перезаливать проект в систему yii.этт даже звучит бредово...

    Чтобы работать с yii react надо чтобы фронт был в непонятном файле))) в который потом ничего не подключить....

    Как я буду делать связь тогда с API? Нет, это точно не тот метод, который должен быть, даже чисто логически это понятно
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Мне эти файлы понятны, непонятно зачем это все закинуто в один файл и как потом пользоваться данным чудом и расширять его, если потребуется... Мне нужно оставить всю структуру как есть и подключить библиотеки, которые бы оставляли структуру всю, но при рендере страницы в браузер переводили весь этот jsx в чистый js. По другому к сожалению нельзя. Каждый раз делать build когда что то поменялась, это мягко говоря глупо, все это должно делаться на лету при рендере страницы
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Нет, потому что меня это не устраивает. С этими файлами нельзя никак работать, нет страниц на которые мне нужно будет выводить информацию. Вывести просто голый макет с которым нельзя ничего сделать, ну такое себе...
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Если посмотреть по структуре, которую я вам дал, мне по сути index/html вообще не нужен, он нужен чтобы отобразить дальнейшую инфу, все страницы находятся в src/pages

    продублирую иерархию с этими страницами
    spoiler
    652920baa327e954737216.png


    А с этой командой получилось вот так
    spoiler
    652920f915963778634330.png


    Как видно вообще нет важных файлов, нет страниц в принципе, какие то непонятные js файлы и все...

    спасибо конечно за помощь и ответы, но это вообще не то что нужно
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Сделал npm run build, и все создалось в одной папке, только теперь нет важных файлов index.js и App.js, нет страниц которые были созданы, это скорее всего совсем не то что надо.

    Такой проект во первых не открывается просто по index.html, а если он стал структурированным и переведенным на чистый js, то он должен открыться в браузере без команд лишних и без сервера.

    Во вторых, им к сожалению нельзя больше управлять со стороны фронта, а это нужно, как минимум получать инфу из api и выводить ее на страницы.

    Сделан вывод, что все таки нужны библиотеки какие то для Yii2, чтобы запускать данное приложение и код. Тот html он точно подходит для этого, id которое там указано, зарегистрировано в приложении, для работы вывода страниц, и оно будет отрабатывать, так как js будет подключен в корень проекта, но нужна библиотека обработки тех же jsx, по другому никак.

    Эта команда все таки ничего не сделала вообще. кроме как весь js скинула в один файл в кучу, и все равно без программы типа нод ее не запустить
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, Спасибо, теперь немного начал понимать, попробую)
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, К сожалению вообще ничего не написано. Я в принципе не должен разбираться в реакте, мне нужно просто его подключить к yii2

    тот файл index.html как раз тот, который и выводит всю информацию на экран, но с помощью нода. А мне нужно чтобы выводил с помощью yii2. Те инструкции которые я нашел в инете, так и делают, подключают файл скрипта с точкой входа в asset и все работает.. только проблема в том, что они подрубают только один файл, без css и прочего, которое прописано в этом приложении.

    Мой файл точки входа

    index.js
    import React from 'react';
    import ReactDOM from 'react-dom/client';
    import App from './App';
    
    
    const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render(
      <React.StrictMode>
        <App />
      </React.StrictMode>
    );


    дальше по структуре идет файл

    App.js
    import React from 'react'
    import { BrowserRouter, Routes, Route } from 'react-router-dom'
    import Navbar from './components/Navbar'
    import Blog from './pages/Blog'
    import Detali from './pages/Detali'
    import Profile from './pages/Profile'
    import Settings from './pages/Settings'
    import Login from './pages/Login'
    import Signup from './pages/Signup'
    import About from './pages/About'
    import Policy from './pages/Policy'
    import Contacts from './pages/Contacts'
    import Footer from './components/Footer'
    import 'bootstrap/dist/css/bootstrap.min.css'
    
    
    const App = () => {
      return (
        <BrowserRouter>
          <Navbar />
            <Routes>
                <Route path='/' element={<Blog />}></Route>
                <Route path='/detali' element={<Detali />}></Route>
                <Route path='/profile' element={<Profile />}></Route>
                <Route path='/settings' element={<Settings />}></Route>
                <Route path='/login' element={<Login />}></Route>
                <Route path='/signup' element={<Signup />}></Route>
                <Route path='/about' element={<About />}></Route>
                <Route path='/policy' element={<Policy />}></Route>
                <Route path='/contacts' element={<Contacts />}></Route>
            </Routes>
            <Footer/>
        </BrowserRouter>
      )
    }
    
    export default App


    Мне скорее всего нужна какая то библиотека, но какая я не могу понять, и еще куда закинуть эти файлы и какие нужно взять, а какие можно не брать. Так как в этом проекте есть свои настройки зависимости, типа

    package.json
    {
      "name": "my-app",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "@fortawesome/free-brands-svg-icons": "^6.4.2",
        "@fortawesome/free-solid-svg-icons": "^6.4.2",
        "@fortawesome/react-fontawesome": "^0.2.0",
        "bootstrap": "^5.3.2",
        "cra-template": "1.2.0",
        "react": "^18.2.0",
        "react-bootstrap": "^2.8.0",
        "react-dom": "^18.2.0",
        "react-router-dom": "^6.16.0",
        "react-scripts": "5.0.1"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
      "eslintConfig": {
        "extends": [
          "react-app",
          "react-app/jest"
        ]
      },
      "browserslist": {
        "production": [
          ">0.2%",
          "not dead",
          "not op_mini all"
        ],
        "development": [
          "last 1 chrome version",
          "last 1 firefox version",
          "last 1 safari version"
        ]
      },
      "devDependencies": {
        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
        "web-vitals": "^3.4.0"
      }
    }


    и что с ними делать не понятно, оставить так как есть либо надо перенести в yii все это
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, вот структура типа
    spoiler
    <body><div id="node"></div></body>


    Остальной html уже подгружается через js
    Написано
  • Как Yii2 связать с фронт проектом на react?

    @RusticAnd Автор вопроса
    Shurik, там прикол в том, что вся инфа выводится в index.html по id из js, в index.js идут все подключения и передача этого id. Сейчас не у пк не могу показать код. Вот и прикол, что тебе в yii надо по идее во view прописать только эту html структуру, подключить скрипт в asset , но если я правильно понял все, то нужны какие то библиотеки для yii чтобы эти файлы возможно было загрузить. Файлы jsx. Потому что этот проект так просто в браузере без node.js не запустить.

    Вот и проблема, которую я не понимаю, как все это заставить работать))) инфы почти нет, где бы по полкам что то обьяснили
    Написано