ریکت در لاراول

سلام
اپ ری اکت رو جدا توسعه بدید، بعد از طریق API به لاراول متصل کنید.

همیشه این طوری هست یا این یه روش ایده الی است که در شرکت ها هم ازش استفاده میشه؟

@saman1111

منظورتون چیه ؟
روش اتصالش به لاراول به این صورته
با لاراول api می نویسید، بعد توی ری اکت به اون api متصل میشید.

پس اون چیزی که هنگام نصب لاراول پکیج احراز هویت در لاراول میزنیم مثلا به این شکل php artisan ui:auth --react یعنی شرایط استفاده از react رو در خود لاراول به وجود بیار نه اینکه بیام اپ ری اکت رو از لاراول جدا کنیم. هم زمان میتوانیم لاراول و ری اکت رو در پروژه لاراول استفاده کنیم. مثل این که این هم یه روش دیگه برای استفاده از ری اکت در لاراول هست.
همان طور که از vue js هم میشه به همین طریق در اپ لاراول استفاده کرد@saman1111

یه سوال دیگه هم دارم: الان که برنامه ری اکتی رو نصب میکنیم باید بجای فانکشن از کلاس ها استفاده بشه نمونش در کامپوننت app ریکتی که من نصب کردم اومده از فانکشن استفاده کرده در صورتی که فکر کنم الان باید کامپوننتش از نوع کلاس باشه. ورژن ریکت من 16.13.1 هست.
به این صورت است.

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

در حالی که بجای فانکشن App باید از کلاس App استفاده میکرد آیا به نسخه ریکت و npm یا نود من برمیگرده.

@saman1111

نه این طور نیست که حتما از class استفاده بشه. برای توسعه با react دو تا انتخاب داریم. یکی class base components و دیگری function base component که function base ها جدید تر هستند و روز به روز هم دارن کامل تر میشن. من مستندات react رو که میخوندم گفته بودن ما قصد اینو نداریم که کدهایی که با class base component ها در facebook زدیم رو منسونخ کنیم و از نو بنویسیمشون و اونها رو ساپورت میکنیم ولی با function base component ها ادامه میدیم شما هم که از آخرین ورژن ری اکت استفاده کردین پس قطعا به صورت فانکشن کامپوننت ها رو ایجاد کرده. تقریبا دیگه کاری نیست که توی کامپوننت های کلاسی میتونستید بکنید و توی اون ها نتونید ولی به هرحال میتونید با یه تبدیل ساده باز هم از کلاس بیس ها استفاده کنید. اگر بخواید کامپوننت بالا رو به صورت کلاسی بنویسید :

import React from "react";
import logo from './logo.svg';
import './App.css';
class App extends React.Component{
  render(){
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit src/App.js and save to reload.
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );

  }
}
export default App

ممنونم از پاسختون. یه ایرادی که هست اینه که وقتی من میخوام برنامه ریکتی رو با دستور npm start شروع به کار کنم زمان زیادی صرف میشه تا برنامم کامپایلش تموم بشه و اماده ران در مرورگر بشه. میدونید علت این تاخیر زیاد چی میتونه باشه؟؟؟@parastooebrahimi

چقدر مثلا؟ من تا 2 الی 3 دقیقه منتظر میشم که طبیعی هم هست و چون فقط یک باز ازش استفاده میشه مگر اینکه پکیج جدیدی نصب بشه قابل تحمله