Rayden Storm

حاولت إجراء تسجيل في تطبيقي باستخدام واجهة برمجة تطبيقات الصوت وأحاول الآن إعادة تشغيله ، إذا كان موجودًا. هناك كود الصوت الخاص بي. async componentDidMount() { Audio.setAudioModeAsync({ allowsRecordingIOS: true, interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX, interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX, shouldDuckAndroid: true, staysActiveInBackground: true, playsInSilentModeIOS: true, }); } async startRecordingButtonPressed() { if (!recording) { recording = new Audio.Recording(); } let permissions = await Audio.requestPermissionsAsync(); if (permissions.granted) { await recording.prepareToRecordAsync(Audio.RECORDING_OPTIONS_PRESET_HIGH_QUALITY); await recording.startAsync(); this.setState({ isRecording: true }); } else { throw new Error('لا يوجد تصريح'); } } async stopRecording() { await recording.stopAndUnloadAsync(); this.setState({ isRecording: false, recordingFinished: true }); recordingURI = recording.getURI(); if (recordingURI === '' || recordingURI === null || recordingURI === undefined) { throw new Error('لا يوجد تسجيل'); } this.forceUpdate(); } async playRecording() { const result = await player.current.loadAsync({ uri: recordingURI }, {}, true); } ينتج خطأ: "undefined is not an object (evaluating player.current.loadAsync). هل يعرف أي شخص كيفية حل هذا الخطأ؟

هل أحتاج إلى xcode لنشر تطبيق expo الخاص بي على متجر التطبيقات؟ شكرا!

قمت باتباع التوثيق هنا https://docs.expo.io/versions/latest/sdk/camera.html وقد حصلت من react native expo camera على أخطاء مثل _Camera غير محددة هل لدى أي شخص بعض التعليمات البرمجية الأساسية حول كيفية الاستفادة من وحدة الكاميرا؟ أو تصحيح الخطأ ؟

أرغب في إنشاء تطبيق QR Code الخاص بي في React Native Expo. أنا أعمل ب react-native-qrcode version 0.2.7 ، ولدي هذا الخطأ. Invariant Violation: WebView has been removed from React Native

لدي endpoint لجلب بيانات وهذه ال controller الخاصة بي exports.list = async (req, res, next) => { try { const tags = await Tag.find({}); res.status(200).json(tags); } catch (error) { next(error); } }; اعرف ان find تجلب بيانات كثيرة لكن تبقى لا تجلب كل البيانات واريد انشاء pagination في هذه ال endpoint وأبحث عن طريقة بسيطة وسهلة لتحقيق ذلك

mongodb قاعدة بيانات جيدة لكن كاءن الاخطاء الذي يصدر منه معقد وأحيانا غير مفهوم وتساءلاتي يمكن بنيها على هذا ال model onst mongoose = require('mongoose'); const Schema = mongoose.Schema; const addonsSchema = new Schema({ name: { type: String, required: true, lowercase: true, }, description: { type: String, required: true, lowercase: true, }, imageUrl: { type: String, required: true, }, price: { type: Number, required: true, }, }); const AddOns = mongoose.model('AddOns', addonsSchema); module.exports = AddOns; اولا كيف يمكن ارسال رسالة خطا خاصة بكل مفتاح ثانيا كيف يمكن اعتراض الخطأ القادم من mongo واعادة تعديله مثلا ليكون { messages:[{name:"name is reqiured",.....}] }

لقد تمكنت مؤخرا من فهم كيفية رفع الملفات للسيرفر وتخزينها في مجلد خاص على السيرفر عن طريق multer const multer = require('multer'); const storage = multer.diskStorage({ destination: function (req, file, cb) { console.log('dest', file); cb(null, 'uploads/'); }, filename: function (req, file, cb) { console.log('filename', file); cb(null, Date.now() + '--' + file.originalname); }, }); const fileFilter = (req, file, cb) => { if ( file.mimetype.includes('jpeg') || file.mimetype.includes('png') || file.mimetype.includes('jpg') ) { console.log('filter', file); cb(null, true); } else { cb(null, false); } }; let upload = multer({ storage, fileFilter }); module.exports = { upload }; واتساءل عما اذا كان التخزين المحلي ليس بالشئ اللا ءق واذا كان ذلك صحيح ماهي البداءل لحل المشكلة

مؤخرا أحاول الانتقال من redux الى redux toolkit وقد تعودت على الأساسيات الخاصة ب reducer import { createSlice } from '@reduxjs/toolkit'; const initialState = { value: 10, }; const counterSlice = createSlice({ name: 'counter', initialState, reducers: { increment(state) { state.value++; }, decrement(state) { state.value--; }, incrementby(state, action) { state.value += action.payload; }, }, }); export const { increment, decrement, incrementby } = counterSlice.actions; export default counterSlice.reducer; لكن ماذا اذا اردت عمل dispatch ل action تجلب البيانات من السيرفر ب axios كيف يمكن القيام بذلك في حالة استخدام redux toolkit

احاول انشاء template لكل مشاريعي المستقبلية باستخدام react و express و أريد كل شئ ان يكون على سيرفر واحد فقمت بانشاء تجهيز express يسمح ب تقديم مجلد ال build الخاص ب react على شكل view ولكن بما انهما على سيرفر واحد عانيت من مشكلة routing بين express و react router ولكن قمت بالاجتهاد وحللت المشكلة لكن لا اعرف مدى صحة ما قمت به const express = require('express'); const mongoose = require('mongoose'); const morgan = require('morgan'); const cors = require('cors'); require('dotenv').config(); const errorController = require('./controllers/errorController'); const { upload } = require('./helpers/upload'); mongoose.set('useFindAndModify', false); const app = express(); app.use(cors()); app.use(morgan('dev')); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(express.static(__dirname + '/client/dist')); app.get('/#/*', function (req, res) { res.sendFile(__dirname + '/client/dist/index.html'); }); app.use(errorController); mongoose .connect(process.env.MONGO_URI_DEV, { useNewUrlParser: true, useUnifiedTopology: true, }) .then(() => { app.listen(process.env.PORT, () => { console.log('listening ' + process.env.PORT); }); }) .catch(() => { console.log('mongoose connection failed'); }); قمت ياستخدام hashroute الخاص ب react router وفي كل مرة اصل الى رابط فيه # أرسل ال index.html ارجو اخباري اذا ما كنت ارتكبت خطأ سيعطل مسار العمل في المستقبل

لدي قمت بتجهيز مكون app ليعمل بهذه الطريقة import React, { useState, useEffect } from 'react'; import { Switch, Route, Link, HashRouter } from 'react-router-dom'; import routes from './routes/userRoutes'; import Navbar from './pages/layout/Navbar'; import Footer from './pages/layout/Footer'; export default function App() { console.log(routes); return ( <HashRouter> <Navbar></Navbar> <Switch> {routes.map((route) => ( <Route {...route}></Route> ))} </Switch> <Footer></Footer> </HashRouter> ); } و لدي مشكلة حيث انه اعلم انه في المستقبل سانشئ صفحات لا تحتوي على navabar و footer وأتساءل عن الطريقة الصحيحة للوصول لذلك من الأن ليكون كل شئ منظم من البداية

مرحبا لقد قمت بانشاء مشروع react -native عن طريق expo و قمت بتشغيله فظهرت لي نافذة في المتصفح فيها qrcode وقد قمت بالبحث ووجدت أن هناك تطبيق خاص ب expo يمكنني من تشغيل التطبيق على هاتفي المحمول وذلك عن طريق فحص ال qrcode بالتطبيق لكن ذلك لم يفلح وخرجت لي شاشة زرقاء كالتالي Something went wrong could not load exp://192.168.0.101:19000 response times out

مرحبا لدي route بهذه الطريقة const ROUTES = [ { path: '/Prospection', key: 'Prospection', component: RenderRoutes, routes: [ { path: '/Prospection/OfferEmploi', key: "Offre d'emploi", exact: true, parent: 'Prospection', breadcrumbName: "offre d'emploi", component: () => <OfferEmploi />, }, { path: '/Prospection/ConsulterOfferEmploi', key: "Consulter une offre d'emploi ", exact: true, parent: 'Prospection', breadcrumbName: "consulter une offre d'emploi ", component: () => <ConsulterOfferEmploi />, }, ], }, { path: '/Configuration', key: 'Configuration', nosidebar: false, component: RenderRoutes, routes: [ { path: '/Configuration/Administration', key: 'Administration', exact: true, parent: 'Configuration', breadcrumbName: 'Administration', component: RenderRoutes, routes: [ { path: '/Configuration/Administration/Utilisateurs', key: 'Comptes Utilisateurs', parent: 'Configuration', breadcrumbName: 'Comptes Utilisateurs', // exact: true, component: () => <Utilisateurs />, }, { path: '/Configuration/Administration/Profils', key: 'Rôles', parent: 'Configuration', breadcrumbName: 'Rôles', exact: true, component: () => <Profiles />, }, { path: '/Configuration/Administration/Fonctionnalites', key: 'Fonctionnalités', parent: 'Configuration', breadcrumbName: 'Fonctionnalités', exact: true, component: () => <Features />, }, ], }, { path: '/Configuration/référentiel', key: 'Référentiel', parent: 'Configuration', exact: true, breadcrumbName: 'Admin', component: RenderRoutes, routes: [ { path: '/Configuration/référentiel/Activite', key: 'Activités', parent: 'Configuration', breadcrumbName: 'Activités', exact: true, component: () => <Activites />, }, { path: '/Configuration/référentiel/Caneaux', key: 'Canaux de recrutement', parent: 'Configuration', breadcrumbName: 'Canaux de recrutement', exact: true, component: () => <Caneaux />, }, ], }, ], }, ]; export default ROUTES; الفكرة الأولى التي أتتني هي الدوران حوله ب map ثم ارجاع routes على حسب المعامل لكن التحقق صعب لأنه عندما اجد ان هناك مستوى داخلي يجب أن أدور ب map مجددا هل يمكنكم مساعدتي ؟

أجريت بعض التغييرات على ملف في مشروع وأجريت الاوامر التالية git add script.js git commit -m "commit2" والان انا مستعد لرفع التغيير ل github عبر git push origin master افهم معظم تفاصيل الامر ما عدا origin لا افهم ماذا تعني وما اهميتها في الأمر وأيضا رأيت بعض الاستخدامات كهذا الامر git push origin هل يمكن التفسير لأن الأمر اختلط عليا قليلا

طرحت مسبقا سؤال عن خطأ ظهر معي والخطأ كان بسبب أنني نسيت تنفيذ الأمر git add . بعد تنفيذ الأمر استطعت تنفيذ الامر commit ولكن ظهرت معي مشكلة اخرى حيث أنه يبدو ان git add . تسود المشروع كله وأنا لدي في مشروعي مجلد node_modules والمفروض ان يتم تجاهله في العمليات المتعلقة ب git ولدي ملف اخر ايضا تجاهله ولا اعرف ما السبيل لذلك .

أنا اشتغل على نظام windows 10 وقد ثبتت git قبل هذا الوقت وعدلته ليعمل مع حسابي القديم والان لقد فتحت حساب جديد في github واريد العمل به ايضا دون التخلي عن حسابي القديم وسؤالي هو كيفية اظافة الحساب الجديد ليكون لدي صلاحية تطبيق الاوامر عليه من حاسوبي بحثت قليلا ووجدت مصادر بالانجليزي تتحدث عن ssh key ولكن لم افهم شئ

قمت بانشاء مشروع صغير والعمل عليه والهدف من هذا المشروع هو تعلم git بشكل جيد عن طريق محاكات أنني أعمل على مشروع حقيقي والخطوة الأولى أنني أعلنت ان المشروع هو مستودع git عن طريق git init ثانيا قمت ببعض التغييرات على ملف لدي و قمت بعمل commit git commit -m "first commit" فطلع معي هذا الخطأ On branch master Changes not staged for commit: (use "git add <file>..." to update what will be committed) (use "git restore <file>..." to discard changes in working directory) modified: script.js no changes added to commit (use "git add" and/or "git commit -a") و ما معنى git add و git commit بالعلم a- فأنا أعرف أن العلم m هو للرسالة ولا أعلم الهدف من العلم a

ما هو الفرق بين استخدام app مباشرة لتحديد endpoint او استخدام route const express = require('express'); const app = express(); app.get('/', function (req, res) { res.send('Hello World!'); }); app.listen(4000, () => { console.log('server running'); }); const express = require('express'); const app = express(); const router = app.router; router.get('/', function (req, res) { res.send('hello world'); }); app.listen(4000, () => { console.log('server running'); });

هل هناك طريقة أبسط لتحميل ملف من خادم nodejs غير الطريقة المستعملة في الاسفل app.get('/get_intro', function(req, res){ const file = __dirname + '/video/intro.mp4'; const filename = path.basename(file); const mimetype = mime.lookup(file); res.setHeader('Content-disposition', 'attachment; filename=' + filename); res.setHeader('Content-type', mimetype); const filestream = fs.createReadStream(file); filestream.pipe(res); });

لدي form <form id="login" action="userlogin" method="post"> <div> <label for="email">Email: </label> <input type="text" id="email" name="email"></input> </div> <input type="submit" value="Submit"></input> </form> وهذه هي ال endpoint app.post('/userlogin', function(req, res){ var email = req.query.email; console.log(email) } email ترجع undefined ماهو المشكل ؟

لدي starter project بسيط مهيئ ب express لكن لا يمكنني استخدام es6 معه وأتساءل عن كيفية اظافة هذه الميزة بطريقة لا تعقد تحويل المشروع الى production

لماذا نستخدم mongoose بدل mongo وهل هذا يحد من امكانيات mongodb وماهو الاختلاف بينهما؟

const [loading, setLoading] = useState(false); const [error, setError] = useState(false); const next = async () => { setLoading(true); updateCurrent(code) //some async function .then(() => setLoading(false)) .catch((e) => { setLoading(false); setError(e); }); }; هل هناك طريقة لجعل loading true فقط في حالة ما اذا updateCurrent أخذت أكثر من ثانية في العمل

<Link to={{ pathname: `/post/${props.post._id}`, state: { post: props.post, }, }} > يتم تعيين حالتي ليتم إرسالها مع الكائن إلى حتى أتمكن من استخدامه في الصفحة التالية ثم عرض المدونة وفقًا لذلك. function Post(props) { console.log(props.location.state);//undefined return ( <div > ..... </div> ); } لكن console log تطبع undefined

لنفترض أن لدي مكون رأس يشير إلى أنه يعتمد على تغييرات البيانات من متجر redux. على أي حال ، أحتاج إلى استخدام الكثير من useEffect للاستماع إلى التغييرات والقيام بتحديث المحددات المقابلة. useEffect(() => { ...... }, [authed, products, searchText]); useEffect(() => { ....... }, [authed, activeProduct]); useEffect(() => { ...... }, [user]); هل يوجد نمط موصى به لجعله أكثر نظافة؟

أحاول حاليًا إصدار صوت إشعار عندما يتلقى المستخدم إشعارًا على موقع الويب ، وهذا هو المثال الخاص بي const notificationSound = () => { const audio = new Audio(`${process.env.PUBLIC_URL}/notificationsound.mp3`); audio.load(); audio.play().catch(error => { console.log(error) }) }; وهذا هو الخطأالذي يظهر معي DOMException: play() failed because the user didn't interact with the document first.