একসাথে কাজ করার জন্য কীভাবে জ্যাঙ্গো এবং রিএ্যাকটিজেএস পাবেন?


138

জ্যাঙ্গোতে নতুন এবং রিএ্যাকটিজেএসে আরও নতুন। আমি অ্যাংুলার জেএস এবং রিএ্যাকটিজেএস সন্ধান করছি, কিন্তু রিএ্যাকটিজেএস-এ সিদ্ধান্ত নিয়েছি। দেখে মনে হয়েছিল এটি অ্যাঙ্গুলারজেএসের বাজারের বেশি অংশ থাকা সত্ত্বেও এটি অ্যাঙ্গুলারজেএসকে জনপ্রিয়তা হিসাবে বহন করছে এবং রিঅ্যাকটিজেএস দ্রুত বাছাই করা বলে মনে করা হচ্ছে।

এই সমস্ত আবর্জনা বাদ দিয়ে আমি উডেমির উপর একটি কোর্স নেওয়া শুরু করেছি এবং কয়েকটি ভিডিওর পরে এটি জঙ্গোর সাথে কতটা ভালভাবে সংহত হয়েছে তা দেখতে গুরুত্বপূর্ণ মনে হয়েছিল। এটি তখনই যখন আমি অনিবার্যভাবে কেবল একটি প্রাচীরটি আঘাত করলাম কেবল এটি উঠে আসা এবং চালানোর জন্য, সেখানে কী ধরণের ডকুমেন্টেশন রয়েছে যাতে আমি বেশ কয়েক ঘন্টা এবং রাত ধরে আমার চাকা ঘুরিয়ে ফেলছি না।

আসলেই কোনও বিস্তৃত টিউটোরিয়াল বা pipপ্যাকেজ নেই I pyreactউদাহরণস্বরূপ , আমি যে কয়েকজন জুড়ে এসেছি তারা কাজ করেনি বা তারিখ ছিল ।

আমার একটি ধারণা ছিল যে কেবল রিএকটিজেএসকে সম্পূর্ণ পৃথকভাবে চিকিত্সা করা, কিন্তু আমি ক্লাস এবং আইডি বিবেচনায় রেখে রিঅ্যাকটিজেএস উপাদানগুলি রেন্ডার করতে চাই the টেমপ্লেট.

আমি মনে করি যে জাজানো মডেলগুলি থেকে যখন আমি জ্যাঙ্গো রেস্ট ফ্রেমওয়ার্ক জড়িত রয়েছে মনে হচ্ছে এটি থেকে রেন্ডারিং করতে পেলাম তখন তা খুব দ্রুত ব্রেকডাউন হয়ে যাবে। এমনকি রেডাক্স কীভাবে এই সমস্তকে প্রভাবিত করে তা দেখার জন্য এখনও পর্যন্ত যথেষ্ট নয়।

যাইহোক, যে কারও কাছে স্পষ্ট উপায় রয়েছে যে তারা জ্যাঙ্গো এবং রিএ্যাকটিজেএস ব্যবহার করছে তাদের ভাগ করে নেওয়া?

যে কোনও হারে, ডকুমেন্টেশন এবং টিউটোরিয়ালগুলি অ্যাংুলারজেএস এবং জ্যাঙ্গোর জন্য প্রচুর পরিমাণে, তাই কোনও প্রান্ত-শেষ কাঠামো দিয়ে শুরু করার জন্য কেবল সেই পথে যেতে প্ররোচিত করা হয় ... সর্বোত্তম কারণ নয়।


2
আমি অনুরূপ curiosities ছিল, এবং সেটআপ উদাহরণ প্রতিক্রিয়া + + webpack + + জ্যাঙ্গো জন্য অ্যাপ্লিকেশন - রেপো কিছু সংশ্লিষ্ট সরঞ্জাম ও প্রবন্ধ যা সহায়ক হতে পারে সংযোগ করে।
danwild

উত্তর:


142

জ্যাঙ্গোর সাথে আমার অভিজ্ঞতা নেই তবে ফ্রন্ট-এন্ড থেকে ব্যাক-এন্ড এবং ফ্রন্ট-এন্ড ফ্রেমওয়ার্কের কাঠামোতে ধারণাগুলি একই।

  1. প্রতিক্রিয়া আপনার জাজানো REST এপিআই গ্রাস করবে । সম্মুখ-প্রান্ত এবং পিছনের দিকগুলি কোনওভাবেই সংযুক্ত নয়। প্রতিক্রিয়া ডেটা আনার এবং সেট করার জন্য আপনার REST এপিটিআইটিতে HTTP অনুরোধ জানাবে।
  2. প্রতিক্রিয়া জানুন, ওয়েবপ্যাক (মডিউল বান্ডিলার) এবং ব্যাবেলের (ট্রান্সপোর্টার) সাহায্যে আপনার জাভাস্ক্রিপ্টকে একক বা একাধিক ফাইলগুলিতে প্রবেশ করবে এবং প্রবেশের এইচটিএমএল পৃষ্ঠায় স্থাপন করবে। ওয়েবপ্যাক, ব্যাবেল, জাভাস্ক্রিপ্ট এবং প্রতিক্রিয়া এবং রেডাক্স (একটি রাষ্ট্রীয় ধারক) শিখুন । আমি বিশ্বাস করি আপনি জ্যাঙ্গো টেম্প্লেটিং ব্যবহার করবেন না তবে এর পরিবর্তে প্রতিক্রিয়াটিকে সামনের প্রান্তটি রেন্ডার করতে দিন।
  3. এই পৃষ্ঠাটি যেমন রেন্ডার করা হয়েছে, প্রতিক্রিয়া ডেটা আনার জন্য এপিআই গ্রহণ করবে যাতে প্রতিক্রিয়া এটি রেন্ডার করতে পারে। এইচটিটিপি অনুরোধগুলি, জাভাস্ক্রিপ্ট (ES6), প্রতিশ্রুতি, মিডওয়্যার এবং প্রতিক্রিয়া সম্পর্কে আপনার বোঝার বিষয়টি এখানে প্রয়োজনীয় essential

ওয়েবে আমি খুঁজে পাওয়া কয়েকটি জিনিস এখানে সহায়তা করা উচিত (দ্রুত গুগল অনুসন্ধানের ভিত্তিতে):

আশা করি এটি আপনাকে সঠিক দিকে নিয়ে যাবে! শুভকামনা! আশা করি জ্যাঙ্গোতে বিশেষীকরণ করা অন্যরাও আমার প্রতিক্রিয়া যুক্ত করতে পারেন।


আমি ইউটিউব টিউটোরিয়াল চেক করব। আমি এই দুটি টিউটোরিয়াল আগে গিয়েছিলাম। আমি নিবিড়ভাবে অনুসরণ করেছিলাম যদিও নিবন্ধ 1 টি কার্যকর হয়নি। (বেশিরভাগ কোড অনুলিপি করে আটকানো হয়েছে)। এটি একটি বিদ্যমান প্রকল্পে রয়েছে, তবে আমি একটি নতুন চেষ্টা করব। আর্টিকেল 2 হ'ল প্যাকেজগুলি ব্যবহার করা হয়েছে এবং সম্প্রতি আপডেট হয়নি। যাইহোক, অ্যাংুলারজেএস এবং জ্যাঙ্গো সম্পর্কে আরও পড়ার মতো মনে হচ্ছে জ্যাঙ্গো আরএসটি এপিআই এখনও ব্যবহৃত হয়েছে। আমি অনুমান করি যে আমি সেই মাত্রাটি যুক্ত না করেই কোনও সমাধান খুঁজছিলাম, তবে এটি অনিবার্য বলে মনে হচ্ছে।
eox.dev 26'17

ঠিক আছে আমি পুরানো নিবন্ধটি বের করে আমার উত্তরটি কিছুটা আপডেট করেছি। এটি 2 বছরেরও বেশি পুরানো তাই এটি অবশ্যই সরানোর প্রয়োজন। সংখ্যাযুক্ত বুলেটগুলি কি সহায়তা করে? বুঝতে সমস্যা হচ্ছে কি?
কেএ 01

1
বিদ্যমান প্রকল্পগুলি এবং ব্র্যান্ড নতুন প্রকল্পগুলিতে দ্বিতীয় লিঙ্কটি আরও বেশ কয়েকবার চেষ্টা করার পরে আমি তাদের কমপক্ষে কথা বললাম। লাইনটি {% render_bundle 'main' %}ভুল এবং হওয়া উচিত {% render_bundle "main" %}
ইওক্স.দেব

1
দ্বিতীয় লিঙ্কটি কাজ করছে না। লিঙ্কটি আপডেট করুন।
আদিত্য মিশ্র

1
আমি সেই মৃত দ্বিতীয় লিঙ্কটি ডাব্লু / এই নিবন্ধটি প্রতিস্থাপন করব, আমি এটি অনুসরণ করেছি এবং এটি বেশিরভাগ ক্ষেত্রেই কাজ করে .. मध्यम ডাব্ল্যাবকোড
ডগ এফ

36

আমিও জাজানো এবং রিএ্যাক্ট.জেসকে একসাথে কাজ করতে শুরু করার সাথে সাথে আপনার ব্যথা অনুভব করছি। বেশ কয়েকটি জ্যাঙ্গো প্রকল্প করেছে, এবং আমি মনে করি, রিয়া্যাক্ট.জেএস জঙ্গোর হয়ে দুর্দান্ত ম্যাচ। তবে এটি শুরু করতে ভয় দেখানো হতে পারে। আমরা এখানে দৈত্যের কাঁধে দাঁড়িয়ে আছি;)

এখানে আমি কীভাবে মনে করি, এটি সমস্ত একসাথে কাজ করে (বড় ছবি, দয়া করে কেউ ভুল হলে আমার সংশোধন করুন)।

  • জ্যাঙ্গো এবং এর ডাটাবেস (আমি পোস্টগ্রিস পছন্দ করি) একদিকে (ব্যাকএন্ড)
  • জাজানো রেস্ট-ফ্রেমওয়ার্ক বাইরের বিশ্বের ইন্টারফেস সরবরাহ করে (যেমন মোবাইল অ্যাপ্লিকেশন এবং প্রতিক্রিয়া এবং যেমন)
  • অন্যদিকে Reactjs, Nodejs, Webpack, Redux (অথবা হতে পারে MobX?)

জাজানো এবং 'সীমান্ত' এর মধ্যে যোগাযোগ বিশ্রাম কাঠামোর মাধ্যমে করা হয়। বিশ্রাম কাঠামোর জায়গায় আপনার অনুমোদন এবং অনুমতি পেয়েছেন তা নিশ্চিত করুন।

ঠিক এই দৃশ্যের জন্য আমি একটি ভাল বয়লার টেম্পলেট পেয়েছি এবং এটি বাক্স থেকে কার্যকর works কেবলমাত্র Readme https://github.com/scottwoodall/django-react-template অনুসরণ করুন এবং আপনার কাজটি শেষ হয়ে গেলে, আপনার খুব সুন্দর একটি জ্যাঙ্গো রিঅ্যাক্টজ প্রকল্প চলছে। এটি কোনওভাবেই উত্পাদনের জন্য বোঝানো হয়নি, বরং এটি খননের জন্য এবং কীভাবে জিনিসগুলি সংযুক্ত এবং কাজ করছে তা দেখার উপায় হিসাবে!

একটি ছোট্ট পরিবর্তনটি যা আমি সুপারিশ করতে চাই তা হ'ল: ব্যাকএন্ড সেটআপ করতে দ্বিতীয় ধাপে আসার আগেই সেটআপ নির্দেশাবলী অনুসরণ করুন (জ্যাঙ্গো এখানে https://github.com/scottwoodall/django-react-template/blob/master /backend/README.md ), সেটআপের জন্য প্রয়োজনীয় ফাইলগুলি পরিবর্তন করুন।

আপনি আপনার প্রকল্পের ফাইলটি / ব্যাকএন্ড / পুনর্নির্বাচনগুলি / কমোন.পিপ ​​এ পাবেন এটির সাথে এর সামগ্রীটি প্রতিস্থাপন করুন

appdirs==1.4.0
Django==1.10.5
django-autofixture==0.12.0
django-extensions==1.6.1
django-filter==1.0.1
djangorestframework==3.5.3
psycopg2==2.6.1

এটি আপনাকে জাঙ্গো এবং এর বিশ্রাম কাঠামোর জন্য সর্বশেষতম স্থিতিশীল সংস্করণ দেয়।

আমি আশা করি এটি সাহায্য করবে.


4
এক বছর পরে, আমি VUE.js ( vuejs.org ) এ স্যুইচ করেছি । আমি এটিকে জাঙ্গো টেমপ্লেটগুলির সাথে কাজ করেছিলাম এবং এটি জ্যাঙ্গো রেস্ট ফ্রেমওয়ার্কের মাধ্যমে ডাটাবেসে যোগাযোগ করবে। এটি দ্রুত এবং হালকা (k 20 কেবি)
9:38

17

অন্যরা যেমন আপনাকে উত্তর দিয়েছে, আপনি যদি একটি নতুন প্রকল্প তৈরি করছেন, আপনি সামনের অংশ এবং ব্যাকএন্ড পৃথক করতে পারেন এবং আপনার ফ্রন্টএন্ড অ্যাপ্লিকেশনটির জন্য রেস্ট এপি তৈরি করতে কোনও জ্যাঙ্গো রেস্ট প্লাগইন ব্যবহার করতে পারেন। এটি আদর্শ বিশ্বে।

আপনার যদি ইতিমধ্যে জ্যাঙ্গো টেম্প্লেটিংয়ের কোনও প্রকল্প রয়েছে, তবে আপনি অ্যাপ্লিকেশনটি লোড করতে চান এমন পৃষ্ঠাতে আপনার প্রতিক্রিয়া ডোম রেন্ডারটি লোড করতে হবে। আমার ক্ষেত্রে আমি ইতিমধ্যে জ্যাঙ্গো-পাইপলাইন রেখেছিলাম এবং আমি সবেমাত্র ব্রাউজারিফাই এক্সটেনশন যুক্ত করেছি। ( https://github.com/j0hnsmith/django-pipline-browserify )

উদাহরণ হিসাবে, আমি জাঙ্গো-পাইপলাইন ব্যবহার করে অ্যাপটি লোড করেছি:

PIPELINE = {
    # ...
    'javascript':{
        'browserify': {
            'source_filenames' : (
                'js/entry-point.browserify.js',
            ),
            'output_filename': 'js/entry-point.js',
        },
    }
}

আপনার " এন্ট্রি- point.browserify.js " একটি ES6 ফাইল হতে পারে যা টেম্পলেটে আপনার প্রতিক্রিয়া অ্যাপটি লোড করে:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app.js';
import "babel-polyfill";

import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import promise from 'redux-promise';
import reducers from './reducers/index.js';

const createStoreWithMiddleware = applyMiddleware(
  promise
)(createStore);

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <App/>
  </Provider>
  , document.getElementById('my-react-app')
);

আপনার জাঙ্গো টেমপ্লেটে, আপনি এখন সহজেই আপনার অ্যাপ্লিকেশনটি লোড করতে পারেন:

{% load pipeline %}

{% comment %} 
`browserify` is a PIPELINE key setup in the settings for django 
 pipeline. See the example above
{% endcomment %}

{% javascript 'browserify' %}

{% comment %} 
the app will be loaded here thanks to the entry point you created 
in PIPELINE settings. The key is the `entry-point.browserify.js` 
responsable to inject with ReactDOM.render() you react app in the div 
below
{% endcomment %}
<div id="my-react-app"></div>

জ্যাঙ্গো-পাইপলাইন ব্যবহারের সুবিধা হ'ল স্ট্যাটিক্সটি সময়কালে প্রক্রিয়াজাত হয় collectstatic


10

প্রথম পদ্ধতিটি পৃথক জ্যাঙ্গো এবং প্রতিক্রিয়া অ্যাপ্লিকেশনগুলি তৈরি করছে। জাজানো জ্যাঙ্গো আরইএসটি ফ্রেমওয়ার্ক ব্যবহার করে নির্মিত এপিআইয়ের পরিবেশনার জন্য দায়বদ্ধ এবং রিঅ্যাক্ট এক্সিয়াস ক্লায়েন্ট বা ব্রাউজারের আনার এপিআই ব্যবহার করে এই এপিআইগুলি গ্রাস করবে। আপনার দু'টি সার্ভার থাকতে হবে, উভয়ই উন্নয়ন এবং উত্পাদনে, একটি জ্যাঙ্গো (আরএসটি এপিআই) এর জন্য এবং অন্যটি রিঅ্যাক্টের জন্য (স্ট্যাটিক ফাইলগুলি পরিবেশন করার জন্য) দরকার

দ্বিতীয় পন্থাটি হ'ল সামনের অংশ এবং ব্যাকএন্ড অ্যাপগুলি মিলিত হবে । মূলত আপনি উভয়ই প্রতিক্রিয়া সীমান্ত পরিবেশন করতে এবং REST এপিআই প্রকাশ করতে জাজ্যাঙ্গো ব্যবহার করবেন। সুতরাং আপনাকে জ্যাঙ্গোর সাথে প্রতিক্রিয়া এবং ওয়েবপ্যাক একীভূত করতে হবে, এটি সেই পদক্ষেপ যা আপনি এটি করতে অনুসরণ করতে পারেন

প্রথমে আপনার জ্যাঙ্গো প্রকল্পটি তৈরি করুন তারপরে এই প্রকল্প ডিরেক্টরিটির অভ্যন্তরে আপনার প্রতিক্রিয়া অ্যাপ্লিকেশন জেনারেট করুন রিএ্যাক্ট সি এল এল ব্যবহার করে

জাজানো প্রকল্পের জন্য পাইপ সহ জ্যাঙ্গো -ওয়েবপ্যাক-লোডার ইনস্টল করুন :

pip install django-webpack-loader

এরপরে ইনস্টল করা অ্যাপ্লিকেশনগুলিতে অ্যাপটি settings.pyযুক্ত করুন এবং নিম্নলিখিত অবজেক্টটি যুক্ত করে এটিকে কনফিগার করুন

WEBPACK_LOADER = {
    'DEFAULT': {
            'BUNDLE_DIR_NAME': '',
            'STATS_FILE': os.path.join(BASE_DIR, 'webpack-stats.json'),
        }
}

তারপরে একটি জ্যাঙ্গো টেমপ্লেট যুক্ত করুন যা প্রতিক্রিয়া অ্যাপ্লিকেশনটি মাউন্ট করতে ব্যবহৃত হবে এবং জ্যাঙ্গো দ্বারা পরিবেশন করা হবে

{ % load render_bundle from webpack_loader % }

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Django + React </title>
  </head>
  <body>
    <div id="root">
     This is where React will be mounted
    </div>
    { % render_bundle 'main' % }
  </body>
</html>

তারপরে urls.pyএই টেম্পলেটটি পরিবেশন করতে একটি URL যুক্ত করুন

from django.conf.urls import url
from django.contrib import admin
from django.views.generic import TemplateView

urlpatterns = [

    url(r'^', TemplateView.as_view(template_name="main.html")),

]

আপনি যদি এই মুহুর্তে জ্যাঙ্গো এবং প্রতিক্রিয়া সার্ভার উভয়টি শুরু webpack-stats.jsonকরেন তবে অস্তিত্ব নেই বলে আপনি জাজানো ত্রুটি পাবেন । সুতরাং এর পরে আপনাকে আপনার প্রতিক্রিয়া অ্যাপ্লিকেশনটির পরিসংখ্যান ফাইল তৈরি করতে সক্ষম করতে হবে।

এগিয়ে যান এবং আপনার প্রতিক্রিয়া অ্যাপ্লিকেশন নেভিগেট করুন তারপর ইনস্টল webpack-bundle-tracker

npm install webpack-bundle-tracker --save

তারপরে আপনার ওয়েবপ্যাক কনফিগারেশনটি বের করুন এবং config/webpack.config.dev.jsতারপরে যুক্ত করুন

var BundleTracker  = require('webpack-bundle-tracker');
//...

module.exports = {

    plugins: [
          new BundleTracker({path: "../", filename: 'webpack-stats.json'}),
    ]
}

এটি ওয়েবপ্যাকটিতে বান্ডেলট্রেকার প্লাগইন যুক্ত করে এবং এটি উত্পন্ন করার নির্দেশ দেয়webpack-stats.json প্যারেন্ট ফোল্ডারে ।

config/webpack.config.prod.jsউত্পাদনের ক্ষেত্রেও একই কাজ করতে ভুলবেন না ।

এখন আপনি যদি আপনার রিঅ্যাক্ট সার্ভারটি পুনরায় চালনা করেন webpack-stats.jsonতবে উত্পন্ন হবে এবং জ্যাঙ্গো এটি ব্যবহার করতে সক্ষম হবে রিঅ্যাক্ট ডেভ সার্ভারের দ্বারা উত্পাদিত ওয়েবপ্যাক বান্ডিলগুলি সম্পর্কে তথ্য খুঁজে পেতে।

আরও কিছু জিনিস আছে। আপনি এই টিউটোরিয়াল থেকে আরও তথ্য পেতে পারেন ।


আপনার কি ওয়েবপ্যাক-ডেভ-সার্ভারের একটি যুগল পদ্ধতির মধ্যে চলছে? কারণ টিউটোরিয়ালে তিনি এটি চালাচ্ছেন। আমার বোঝাপড়া থেকে এটি চালানো দরকার কারণ এটি জান্ডো দ্বারা বান্ডিলগুলি আপডেট রাখতে ব্যবহৃত হয়। এটা কী ঠিক? যদি এটি হয় তবে এটি কীভাবে উত্পাদনে কাজ করবে, অর্থাত আমার এখনও দুটি সার্ভারের প্রয়োজন হবে?
পাভলি

1
বিকাশে আপনার জ্যাঙ্গো ডেভ সার্ভার এবং প্রতিক্রিয়া / ওয়েবপ্যাক ডেভ সার্ভার উভয়ই প্রয়োজন need উত্পাদনে আপনার কেবল একটি সার্ভার (জ্যাঙ্গো) চলমান দরকার কারণ npm run build
জাজানো

বিবৃতির জন্য ধন্যবাদ.
পাভেলি

আপনি কি প্রথম পদ্ধতির উপর বিস্তারিত বলতে পারেন? আমি যা বুঝি সেগুলি থেকে এটিতে একটি expressসার্ভার চলবে যা স্ট্যাটিক জেএস ফাইলগুলি প্রতিক্রিয়া জানাবে এবং জেএস ফাইলগুলি জাঙ্গো সার্ভার থেকে ডেটা আনার জন্য একটি অজ্যাক্স অনুরোধ করবে। ব্রাউজারটি প্রথমে expressসার্ভারটিকে হিট করে , এটি জ্যাঙ্গো সম্পর্কে কোনও ধারণা রাখে না। আমি কি সঠিক? সার্ভার সাইড রেন্ডারিং এর মতো কিছু কি এই পদ্ধতির সাথে কার্যকর?
ইয়াদভ_ভি

আপনার স্ট্যাটিক ফাইলগুলির জন্য আপনি কেবল একটি স্ট্যাটিক হোস্ট এবং একটি সিডিএন ব্যবহার করতে পারেন। উদাহরণস্বরূপ আপনি প্রতিক্রিয়া অ্যাপ্লিকেশন এবং ক্লাউডফ্লেয়ারকে সিডিএন হিসাবে হোস্ট করতে গিটহাব পৃষ্ঠাগুলি ব্যবহার করতে পারেন। সার্ভার সাইড রেন্ডারিংয়ের জন্য আপনাকে এক্সপ্রেস সার্ভার ব্যবহার করার মতো আরেকটি সেটআপ দরকার তবে বাট্টিখণ্ড হোস্টিং পরিষেবা রয়েছে যা নেটলিফের মতো সার্ভার সাইড রেন্ডারিংয়ের প্রস্তাব করে।
আহমেদ বাউচেফরা

10

যে কেউ ব্যাকএন্ড বা জ্যাঙ্গো ভিত্তিক ভূমিকা থেকে আসছে এবং রিএ্যাকটিজেএস-এর সাথে কাজ করার চেষ্টা করছে তার জন্য একটি নোট: প্রথমবারের মধ্যে কেউ সাফল্যের সাথে রিঅ্যাক্টজেএস এনভায়রনমেন্ট সেটআপ করতে পারে না :)

ওয়েস লোন থেকে একটি ব্লগ আছে যা http://owaislone.org/blog/webpack-plus-reactjs-and-django/ থেকে উপলব্ধ ; তবে ওয়েবপ্যাক কনফিগারেশনের সিনট্যাক্সটি পুরানো।

আমি আপনাকে ব্লগে উল্লিখিত পদক্ষেপগুলি অনুসরণ করার এবং নীচের সামগ্রীটির সাথে ওয়েবপ্যাক কনফিগারেশন ফাইলটি প্রতিস্থাপন করার পরামর্শ দিচ্ছি। তবে আপনি যদি জাজানো এবং প্রতিক্রিয়া উভয়ের জন্যই নতুন হন, শেখার বক্ররেখার কারণে আপনি একবারে হতাশ হবেন একবারে একবারে চিবান।

var path = require('path');
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');

module.exports = {
    context: __dirname,
    entry: './static/assets/js/index',
    output: {
        path: path.resolve('./static/assets/bundles/'),
        filename: '[name]-[hash].js'
    },
    plugins: [
        new BundleTracker({filename: './webpack-stats.json'})
    ],

 module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },


  resolve: {
        modules: ['node_modules', 'bower_components'],
        extensions: ['.js', '.jsx']
    }
};

শুরুতে নোটটি সত্যিই উত্সাহজনক!
মোহাম্মদ শরীফ সি

7

গৃহীত উত্তরটি আমাকে বিশ্বাস করতে পরিচালিত করে যে জাজানো ব্যাকএন্ড এবং প্রতিক্রিয়া ফ্রন্টট্যান্ডকে ডিকম্পল করা সঠিক উপায় যা-ই হোক না কেন go প্রকৃতপক্ষে এমন পন্থাগুলি রয়েছে যাতে প্রতিক্রিয়া এবং জ্যাঙ্গো মিলিত হয়, যা বিশেষ পরিস্থিতিতে আরও উপযুক্ত।

এই টিউটোরিয়ালটি ভালভাবে এটি ব্যাখ্যা করে। নির্দিষ্টভাবে:

আমি নিম্নলিখিত নিদর্শনগুলি দেখতে পাই (যা প্রায় প্রতিটি ওয়েব কাঠামোর মধ্যে সাধারণ):

- নিজস্ব "ফ্রন্টএন্ড" জাঙ্গো অ্যাপ্লিকেশনটিতে প্রতিক্রিয়া জানান: একটি একক এইচটিএমএল টেম্পলেট লোড করুন এবং প্রতিক্রিয়াটি সামনের দিকটি পরিচালনা করুন (অসুবিধা: মাঝারি)

-জ্যাঙ্গো REST স্ট্যান্ডেলোন এপিআই হিসাবে

-মিক্স এবং ম্যাচ: জ্যাঙ্গো টেম্পলেটগুলির মধ্যে মিনি প্রতিক্রিয়ার অ্যাপস (অসুবিধা: সহজ)



1

আমি জানি এটি কয়েক বছর দেরি হয়ে গেছে, তবে আমি এই যাত্রায় পরবর্তী ব্যক্তির জন্য এটি রেখে দিচ্ছি।

জ্যাঙ্গোআরএসএফ ফ্রেমওয়ার্কের তুলনায় গ্রাফকিউএল সহায়ক ও উপায় সহজ হয়েছে। আপনি যে প্রতিক্রিয়া পাবেন সেগুলির ক্ষেত্রে এটি আরও নমনীয়। আপনি যা চান তা পেয়ে যান এবং যা চান তা পেতে প্রতিক্রিয়াটির মাধ্যমে ফিল্টার করতে হবে না।

আপনি সার্ভারে গ্রাফেনি জ্যাঙ্গো এবং প্রতিক্রিয়া + অ্যাপোলো / রিলে ব্যবহার করতে পারেন ... এটি আপনার প্রশ্ন নয় বলে আপনি এটি সন্ধান করতে পারেন।


গ্রাফিন এবং প্রতিক্রিয়া + অ্যাপোলো একটি দুর্দান্ত স্ট্যাক! ডিআরএফের চেয়ে লেখার জন্য অল্প অল্প করে পাইথন, তবে জেএস কোডে প্রচুর হ্রাস, বিশেষত যেহেতু অ্যাপোলো রিডুএক্সের প্রয়োজনকে হত্যা করে।
জন ওটেনলিপস
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.