Django & React Tutorial #3 - React Integration با استفاده از Webpack & Babel

این آموزش django and react نحوه ادغام react با جنگو و انجام تمام مراحل راه اندازی لازم را پوشش می دهد. ما از webpack و babel برای بسته‌بندی برنامه react خود استفاده می‌کنیم و از django backend قالبی را ارائه می‌کنیم که react آن را کنترل می‌کند. 💻 AlgoExpert پلتفرم آماده سازی مصاحبه کدنویسی است که من از آن برای انجام مصاحبه های مایکروسافت و Shopify استفاده کردم. آن را بررسی کنید و با استفاده از کد "techwithtim" در پلتفرم تخفیف بگیرید https://algoexpert.io/techwithtim 📋 اعتبار این وبلاگ برای اکثر این مراحل: https://www.valentinog.com/blog/drf/ 📝 کد سری: https://github.com/techwithtim/Music-Controller-Web-App-Tutorial 📕 Node.js & NPM: https://www.npmjs.com/get-npm کد برای فایل های خاص babel.config.js: https://github.com/techwithtim/Music-Controller-Web-App-Tutorial/blob/main/Tutorial%201%20-%204/frontend/babel.config.json package.json: https://github.com/techwithtim/Music-Controller-Web-App-Tutorial/blob/main/Tutorial%201%20-%204/frontend/package.json\ webpack.config.json: https://github.com/techwithtim/Music-Controller-Web-App-Tutorial/blob/main/Tutorial%201%20-%204/frontend/webpack.config.js ⌨ دستورات راه اندازی NPM ⌨ npm init -y npm i webpack webpack-cli --save-dev npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev npm من واکنش نشان می دهم react-dom --save-dev npm @material-ui/core را نصب کنید npm @babel/plugin-proposal-class-properties را نصب کنید npm نصب react-router-dom npm @material-ui/icons را نصب کنید ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️ 💰 دوره ها و کالاها 💰 💻 مبانی برنامه نویسی با پایتون: https://tech-with-tim.teachable.com/p/the-fundamentals-of-programming-with-python 👕 کالا: https://teespring.com/stores/tech-with-tim-merch-shop 🔗 شبکه های اجتماعی 🔗 📸 اینستاگرام: https://www.instagram.com/tech_with_tim 📱 توییتر: https://twitter.com/TechWithTimm ⭐ اختلاف: https://discord.gg/pr2k55t 📝 لینکدین: https://www.linkedin.com/in/tim-ruscica-82631b179/ 🌎 وب سایت: https://techwithtim.net 📂 GitHub: https://github.com/techwithtim 🔊 پادکست: https://anchor.fm/tech-with-tim 🎬 My YouTube Gear 🎬 🎥 دوربین اصلی (EOS Canon 90D): https://amzn.to/3cY23y9 🎥 دوربین ثانویه (Panasonic Lumix G7): https://amzn.to/3fl2iEV 📹 لنز اصلی (EFS 24mm f/2.8): https://amzn.to/2Yuol5r 🕹 سه پایه: https://amzn.to/3hpSprv 🎤 میکروفون اصلی (Rode NT1): https://amzn.to/2HrZxXc 🎤 میکروفون ثانویه (سیستم یقه ای بی سیم Synco): https://amzn.to/3e07Swl 🎤 میکروفون سوم (Rode NTG4+): https://amzn.to/3oi0v8Z ☀️ چراغ ها: https://amzn.to/2ApeiXr ⌨ صفحه کلید (Daskeyboard 4Q): https://amzn.to/2YpN5vm 🖱 ماوس (Logitech MX Master): https://amzn.to/2HsmRDN 📸 وب کم (Logitech 1080p Pro): https://amzn.to/2B2IXcQ 📢 اسپیکر (قرص بیتز): https://amzn.to/2XYc5ef 🎧 هدفون (Bose Quiet Comfort 35): https://amzn.to/2MWbl3e 🌞 لامپ (لامپ E-reading BenQ): https://amzn.to/3e0UCr8 🌞 لامپ ثانویه (BenQ Screenbar Plus): https://amzn.to/30Dtafi 💻 مانیتور (BenQ EX2780Q): https://amzn.to/2HsmUPZ 💻 مانیتور (LG Ultrawide 34WN750): https://amzn.to/3dSD7tS 🎙 Mic Boom Arm (Rode PSA 1): https://amzn.to/30EZw9m 🎚 رابط صوتی (Focusrite Scarlet 4i4): https://amzn.to/2TjXsih 💸 کمک های مالی 💸 💵 کمک های مالی یکباره: https://www.paypal.com/donate?hosted_button_id=CU9FV329ADNT8 💰 Patreon: https://www.patreon.com/techwithtim ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️ ⭐️ برچسب ها ⭐️ - فناوری با تیم - واکنش و جنگو - جانگو و واکنش نشان دهید - وپ بک و بابل - React Webpack و Babel - React و Django Setup - ادغام جنگو و واکنش - جنگو وب پک - واکنش Webpack - واکنش بابل ⭐️ هشتگ ها ⭐️ #جانگو #React #جاوااسکریپت