جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
حسین شیری نژاد
3 سال پیش توسط حسین شیری نژاد مطرح شد
10 پاسخ

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

سلام دوستان, عرض ادب و احترام
من چطور میتونم از ریکت در لاراول استفاده کنم؟؟؟


ثبت پرسش جدید
Parastoo Ebrahimi
تخصص : front-end developer
@parastooebrahimi 3 سال پیش آپدیت شد
3

نه این طور نیست که حتما از 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

saman
@saman1111 3 سال پیش مطرح شد
0

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


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
0

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


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
saman
@saman1111 3 سال پیش مطرح شد
0

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


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
0

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


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
0

یه سوال دیگه هم دارم: الان که برنامه ری اکتی رو نصب میکنیم باید بجای فانکشن از کلاس ها استفاده بشه نمونش در کامپوننت 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 یا نود من برمیگرده.


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
Parastoo Ebrahimi
تخصص : front-end developer
@parastooebrahimi 3 سال پیش آپدیت شد
3

نه این طور نیست که حتما از 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

حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 3 سال پیش مطرح شد
0

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


Parastoo Ebrahimi
تخصص : front-end developer
@parastooebrahimi 3 سال پیش مطرح شد
1

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام