{"componentChunkName":"component---src-templates-tag-view-tsx","path":"/en/tags/React","result":{"data":{"locales":{"edges":[{"node":{"ns":"messages","data":"{\"404\":{\"title\":\"Sorry we couldn`t find this page.\",\"subTitle\":\"But dont worry, you can find plenty of other courses on our homepage.\",\"teaser\":\"How about this course?\"},\"home\":\"Home\",\"courses\":\"Courses\",\"signIn\":\"Login\",\"search\":\"Search\",\"about\":\"About\",\"social\":\"Social\",\"language\":\"تغيير اللغة\",\"lectures\":\"Lectures\",\"lecture\":\"lecture\",\"start\":\"START LEARNING\",\"viewCode\":\"View Code\",\"profile\":\"Your Profile\",\"settings\":\"Settings\",\"signOut\":\"Sign out\",\"userOrEmail\":\"Username or Email\",\"password\":\"Password\",\"newPassword\":\"New Password\",\"userPlaceholder\":\"Your Username or Password\",\"passPlaceholder\":\"Your Password\",\"forgotPass\":\"Forgot Password?\",\"resetPass\":\"Reset your password\",\"or\":\"Or\",\"socialSignIn\":\"Sign in using {{provider}}\",\"signed\":\"Signed in Successfuly !\",\"noAccount\":\"Don't have an account?\",\"hasAccount\":\"Have an account already?\",\"createAccount\":\"Create an Account\",\"signUp\":\"Sign Up\",\"name\":\"Name\",\"email\":\"Email\",\"passConfirm\":\"Password Confirmation\",\"newPassConfirm\":\"New Password Confirmation\",\"aboutCourse\":\"Course info\",\"duration\":\"Duration\",\"released\":\"Released\",\"bio\":\"Your bio\",\"socialLink\":\"Your {{provider}} Url\",\"atLeast50\":\"Should be at least 50\",\"beLink\":\"Should be a link\",\"notUser\":\"You are not a user\",\"somethingWrong\":\"Something went wrong\",\"badRequest\":\"Bad request\",\"save\":\"Save\",\"saved\":\"Saved Successfully\",\"submit\":\"Submit\",\"instructorBio\":\"Instructor Bio\",\"updatePhoto\":\"Update Photo\",\"continue\":\"Continue\",\"dashboard\":\"Dashboard\",\"addCourse\":\"Add new course\",\"addLecture\":\"Add new lecture\",\"relatedCourses\":\"Related Courses\",\"accessDenied\":\"You don't have permission to access this area\",\"courseDetails\":\"Course details\",\"newCourse\":\"New course\",\"courseTitle\":\"Course title\",\"lectureTitle\":\"Lecture title\",\"selectLanguage\":\"Select language\",\"courseSlug\":\"Course slug\",\"courseDescription\":\"Course description\",\"lectureDescription\":\"Lecture description\",\"lectureDetail\":\"Lecture details\",\"youtubeURL\":\"YouTube URL\",\"close\":\"Close\",\"deleteLecture\":\"Delete lecture\",\"confirmDelete\":\"Are you sure you want to delete {{entity}} this action cannot be undone?\",\"delete\":\"Delete\",\"publish\":\"Publish\",\"unpublish\":\"UnPublish\",\"tags\":\"Tag\",\"tag\":\"Tags\",\"courseTags\":\"Course tags\",\"resources\":\"Resources\",\"exercises\":\"Exercises\",\"exerciseLink\":\"Exercise Link\",\"viewExcercises\":\"Please signin to view Excercises\",\"details\":\"Details\",\"add\":\"Add\",\"title\":\"Title\",\"url\":\"URL\",\"preferedLanguage\":\"Default language\",\"choosePreferedLanguage\":\"Choose you prefered language\",\"importFromYoutube\":\"Import from YouTube\",\"noCourse\":\"No courses for the selected filters\",\"shareCourse\":\"Share the course\",\"rateCourse\":\"Please rate the course so far\",\"emailSubscription\":\"Subscribe to our mailing list\",\"deleteUserData\":\"Delete My User Data\",\"confirmUserDelete\":\"Are you sure you want to delete all your user data ?\",\"cancel\":\"Cancel\",\"validation\":{\"required\":\"This field is required\",\"email\":\"Please enter a valid email\"},\"errors\":{\"generic\":\"An error occured. Please try again\",\"invalid_auth\":\"Invalid username/password. Please try again\"},\"filters\":{\"title\":\"Filters\",\"allLanguages\":\"All Languages\",\"allTags\":\"All Tags\",\"allLevels\":\"All Levels\"},\"landingPage\":{\"heroText\":\"localised, not translated\",\"heroSubtitle\":\"Learn coding in Amharic, Arabic, Swahili and more.\",\"comingSoon\":\"Coming Soon\",\"followOnTwitter\":\"Follow us on Twitter\",\"getIntouch\":\"Get in touch to record a tutorial, sponsor the project or just for a chat:\",\"subscribe\":\"Subscribe\",\"notifyMeWhenLaunch\":\"Notify me when Barmaga is launched\",\"subscribeSuccess\":\"Your email was added successfully.\",\"subscribeError\":\"Something went wrong, please try again or contact us directly through email or Twitter.\",\"supportUs\":\"Support Barmaga\",\"contactUs\":\"Contact Us\",\"applyAsInstructor\":\"Apply As Instructor\"},\"moreCourses\":\"See More\",\"upcomingCourse\":{\"interestedInCourse\":\"Interested in this course?\",\"courseComingSoon\":\"Course coming soon\",\"notifyMe\":\"Notify me of new courses\",\"feedbackReceived\":\"👍🏿 Thanks for the feedback.\"},\"yes\":\"yes\",\"no\":\"no\",\"signInToContinueWatch\":\"Login or register a new account to continue this course\",\"levels\":{\"Beginner\":\"For Beginners\",\"Intermediate\":\"Intermediate Level\",\"Advanced\":\"Advanced\"}}","language":"en"}}]},"strapiTag":{"id":"Tag_10","tagName":"React","courses":[{"id":1,"title":"React + Strapi e-commerce application","description":"في هذا الكورس سنتناول طريقة بناء تطبيق تجارة إلكترونية باستخدام الرياكت , سترابي و الباي بال\nLearn how to build e-commerce application with react, strapi and Paypal\n","slug":"react-+-strpi-e-commerce-application","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=852kv5aZM6M","slug":"backend-setup","duration":"PT35M52S"},{"url":"https://www.youtube.com/watch?v=VUjbfjQF0XY","slug":"introduction-to-strapi---headless-cms","duration":"PT30M33S"},{"url":"https://www.youtube.com/watch?v=Keqr0TCfL-c","slug":"payment-with-paypal","duration":"PT36M27S"},{"url":"https://www.youtube.com/watch?v=T0OgDgQisPo","slug":"creating-orders","duration":"PT38M24S"},{"url":"https://www.youtube.com/watch?v=rz4NT4tmXks","slug":"setting-up-react","duration":"PT40M6S"},{"url":"https://www.youtube.com/watch?v=e2cwbIn4R78","slug":"shopping-cart","duration":"PT35M46S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":3,"title":" React with TypeScript بالعربي","description":"الجزء الأول من سلسلة سنقوم فيها ببناء تطبيق لتلقي حجوزات لمطعم باستخدام React و TypeScript. في هذا الجزء، نشرح مبادئ React  مثل الFunctional Components و أساسيات ال State Management كما نشرح كيفية استخدام TypeScript مع  React. سنقوم أيضا باستخدام مكتبة TailwindCSS المميزة لتصميم التطبيق.","slug":"react-with-typescript-بالعربي","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://youtu.be/ntFTsYnSJFo","slug":"styling-overview-+-tailwndcss","duration":"PT25M40S"},{"url":"https://youtu.be/LfeTiC5Duoc","slug":"lift-state-up","duration":"PT9M39S"},{"url":"https://www.youtube.com/watch?v=J3UynuivVy4","slug":"مقدمة-وتثبيت-intro-&-setup","duration":"PT2M54S"},{"url":"https://youtu.be/OQ5uonLg-2s","slug":"state-&-forms","duration":"PT20M26S"},{"url":"https://youtu.be/bVb6DIGg8oo","slug":"البداية-مع-react","duration":"PT2M6S"},{"url":"https://youtu.be/cP-s-jvv6P4","slug":"components-in-react","duration":"PT7M41S"},{"url":"https://youtu.be/IqPQUzxYgHA","slug":"مقدمة-في-typescript","duration":"PT12M33S"},{"url":"https://youtu.be/NnL-B8s_gMo","slug":"conditional-rendering","duration":"PT3M41S"},{"url":"https://youtu.be/GBFLpTBZNt8","slug":"lists","duration":"PT7M22S"},{"url":"https://youtu.be/2tRlsDDfPtA","slug":"props-in-typescript","duration":"PT13M10S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":4,"title":"Getting Started with React የሪኣክት ጅማሬ","description":"Introduction to React Main Concepts in Amharic","slug":"getting-started-with-react-የሪኣክት-ጅማሬ","level":"Beginner","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=-1rVWi4d4Vo","slug":"intro-&-setup","duration":"PT3M22S"},{"url":"https://www.youtube.com/watch?v=PL2YGV5Eqc0","slug":"conditional-rendering","duration":"PT6M38S"},{"url":"https://www.youtube.com/watch?v=LU8Ejq4bjoM","slug":"lift-state-up","duration":"PT11M20S"},{"url":"https://www.youtube.com/watch?v=hdhBZZGmEUQ","slug":"get-started","duration":"PT6M1S"},{"url":"https://www.youtube.com/watch?v=qlZkTuoKVkY","slug":"lists-in-react","duration":"PT13M16S"},{"url":"https://www.youtube.com/watch?v=86hMBCfKWHg","slug":"components","duration":"PT12M20S"},{"url":"https://www.youtube.com/watch?v=uzvX29EnZls","slug":"basic-styling","duration":"PT9M57S"},{"url":"https://www.youtube.com/watch?v=-RDDVXRM7sA","slug":"state-&-forms","duration":"PT16M34S"},{"url":"https://www.youtube.com/watch?v=JF2h68We7O8","slug":"props-in-react","duration":"PT17M9S"}],"language":{"id":5,"name":"Amharic","iso2":"am"}},{"id":13,"title":"E-commerce website with MERN stack (1 of 2)","description":"Hatua kwa hatua, tutatengeneza wavuti ya e-commerce kwa kutumia MERN: MongoDB, Express, React na Node, pamoja na Redux, ujumuishaji wa Paypal na kuipeleka kwenye Heroku. Hii ni sehemu ya kwanza kati ya sehemu mbili za kozi hii","slug":"e-commerce-website-with-mern-stack-part-1-sw","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=5g0PK1I84jo","slug":"10-fetch-data-from-backend","duration":"PT23M28S"},{"url":"https://www.youtube.com/watch?v=3EkyFoOme5I","slug":"2-install-react","duration":"PT3M36S"},{"url":"https://www.youtube.com/watch?v=Qng7CYIXbwg","slug":"13-add-to-cart-button","duration":"PT17M1S"},{"url":"https://www.youtube.com/watch?v=RIVs-hLkqSU","slug":"16-remove-from-cart","duration":"PT8M41S"},{"url":"https://www.youtube.com/watch?v=iQMzPLFUNjI","slug":"6-what-is-node","duration":"PT8M21S"},{"url":"https://www.youtube.com/watch?v=O7ejgkAe70U","slug":"5-product-details-screen","duration":"PT30M30S"},{"url":"https://www.youtube.com/watch?v=AhESct_r7Zg","slug":"3-display-product","duration":"PT17M53S"},{"url":"https://www.youtube.com/watch?v=Mk1h1Nxc_tw","slug":"7-http-intro","duration":"PT6M10S"},{"url":"https://www.youtube.com/watch?v=MQ-LMEDj4js","slug":"14-add-redux-to-cart","duration":"PT24M55S"},{"url":"https://www.youtube.com/watch?v=8Ds7YlgAP4Y","slug":"1-introduction","duration":"PT2M25S"},{"url":"https://www.youtube.com/watch?v=ISMA2YCH3oQ","slug":"8-what-is-an-api","duration":"PT6M39S"},{"url":"https://www.youtube.com/watch?v=6GqE4KaRSt4","slug":"11-redux","duration":"PT32M32S"},{"url":"https://www.youtube.com/watch?v=lbI1EUL75nE","slug":"15-cart-screen","duration":"PT28M20S"},{"url":"https://www.youtube.com/watch?v=kgm8s_Rv-Qo","slug":"9-node-setup","duration":"PT12M43S"},{"url":"https://www.youtube.com/watch?v=uI8fvGM4WNE","slug":"12-redux-product-details-page","duration":"PT22M14S"},{"url":"https://www.youtube.com/watch?v=LndOt69C8Ik","slug":"4-components-in-react","duration":"PT8M21S"}],"language":{"id":112,"name":"Swahili","iso2":"sw"}},{"id":19,"title":"Build APIs with Node","description":"MERN Stack ን በመጠቀም API መገንባት።\nአዘጋጅ እና አቅራቢ ስንታየሁ መኮንን","slug":"build-apis-with-mern-stack-in-amharic","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=yfYz-RO8qXc","slug":"2-building-first-route","duration":"PT18M19S"},{"url":"https://www.youtube.com/watch?v=vvng111prKw","slug":"3-build-server","duration":"PT34M13S"},{"url":"https://www.youtube.com/watch?v=BJx09Kl6768","slug":"1-introduction-to-api","duration":"PT6M23S"},{"url":"https://www.youtube.com/watch?v=MgfsUTMw9RE","slug":"6-connect-frontend-api","duration":"PT39M24S"},{"url":"https://www.youtube.com/watch?v=EWuK7yK3pIg","slug":"5-deployment","duration":"PT39M53S"},{"url":"https://www.youtube.com/watch?v=42UXKI_b1FA","slug":"0-course-introduction","duration":"PT1M3S"},{"url":"https://www.youtube.com/watch?v=58r5rHkH4dA","slug":"4-crud","duration":"PT38M59S"}],"language":{"id":5,"name":"Amharic","iso2":"am"}},{"id":30,"title":"React Native Tutorial","description":"<p>Learn how to build native mobile application using React Native</p>\n\n<p>For more react native check out my Udemy course:&nbsp;<a href=\"https://www.udemy.com/react-native-redux-arabic/?couponCode=10D4RNABOLKOG\">أساسيات الرياكت نايتف وريدكس</a></p>","slug":"react-native-tutorial","level":"Beginner","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=tQR54qFTK5A","slug":"finishing-the-login-form","duration":"PT32M48S"},{"url":"https://www.youtube.com/watch?v=waqE0cK0K7c","slug":"todo-list","duration":"PT30M27S"},{"url":"https://www.youtube.com/watch?v=Aj5QN7q3xdI","slug":"adding-splash-screen-and-logout-function","duration":"PT26M36S"},{"url":"https://www.youtube.com/watch?v=vcUazJFd2mg","slug":"add-task-form","duration":"PT31M8S"},{"url":"https://www.youtube.com/watch?v=_xrLcg7aqQ0","slug":"connecting-redux-to-the-app","duration":"PT30M49S"},{"url":"https://www.youtube.com/watch?v=hSjKoX9SUgo","slug":"first-component-and-styles","duration":"PT27M21S"},{"url":"https://www.youtube.com/watch?v=NbJFszW7L0M","slug":"introduction-to-redux","duration":"PT12M57S"},{"url":"https://www.youtube.com/watch?v=4EqsqLufmV4","slug":"environment-setup-and-installation","duration":"PT24M31S"},{"url":"https://www.youtube.com/watch?v=3Dr3N17XJ90","slug":"reusable-component-&-navigation","duration":"PT34M48S"},{"url":"https://www.youtube.com/watch?v=R4i8s2cx4bA","slug":"adding-the-login-form","duration":"PT28M44S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":31,"title":"كلام في البرمجة","description":"<p>كلام في البرمجة عبارة عن مجموعة من الفيديوهات تناقش موضوع او فكرة في مجال البرمجيات</p>\n","slug":"كلام-في-البرمجة","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=qvA2nE5Yh1o","slug":"مقدمة-عن-الاداة-إكسبو-expo","duration":"PT18M40S"},{"url":"https://www.youtube.com/watch?v=HqxziA6Cu4k","slug":"react-native-react-tabnavigator","duration":"PT13M24S"},{"url":"https://www.youtube.com/watch?v=lC37tYdv9UQ","slug":"integrate-laravel-with-paypal","duration":"PT42M14S"},{"url":"https://www.youtube.com/watch?v=7dqpR70OfGw","slug":"شرح-مفهوم-ال-rest-ap","duration":"PT17M41S"},{"url":"https://www.youtube.com/watch?v=fSK0djCUS40","slug":"شرح-كيفية-عمل-ال-push-notifications","duration":"PT15M22S"},{"url":"https://www.youtube.com/watch?v=CcpIHk0W-cQ","slug":"react-navigation-how-to-use-nested-navigators","duration":"PT18M38S"},{"url":"https://www.youtube.com/watch?v=AJVXcJWH_v8","slug":"python-and-twilio-send-sms","duration":"PT15M12S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":32,"title":"React Native Chat Application","description":"<p>هذا الكورس يشرح كيفية بناء تطبيق دردشة (شات) بسيط باستخدام الرياكت نايتف</p>\n\n<p>Building a chat application using React Native, Redux and Firebase&nbsp;</p>","slug":"react-native-chat-application","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=BJaJXvMrh4I","slug":"sending-and-fetching-messages-from-firebase","duration":"PT26M54S"},{"url":"https://www.youtube.com/watch?v=BYgFVzLpEF4","slug":"firebase-account-and-login-component","duration":"PT28M20S"},{"url":"https://www.youtube.com/watch?v=DFJ6lehXYR8","slug":"sign-in-with-firebase-(anonymously)","duration":"PT28M23S"},{"url":"https://www.youtube.com/watch?v=xPbob3STExg","slug":"chat-component-design","duration":"PT43M19S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":36,"title":"تعلم بناء تطبيق ويب باستخدام MERN Stack","description":"<p>في هذا الكورس سنتناول كيفية بناء تطبيقات الويب باستخدام ال MERN Stack&nbsp;</p>\n\n<p>ال MERN Stack يتكون من التقنيات التالية&nbsp;</p>\n\n<ul>\n\t<li>M: MongoDB</li>\n\t<li>E: ExpressJS</li>\n\t<li>R: ReactJS</li>\n\t<li>N: NodeJS</li>\n</ul>","slug":"تعلم-بناء-تطبيق-ويب-باستخدام-mern-stack","level":"Beginner","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=YNH99J-gZVg","slug":"deploy-the-app","duration":"PT28M16S"},{"url":"https://www.youtube.com/watch?v=xyuEeCDd1dQ","slug":"استخدام-formik-and-yup-في-عمل-فورم-تسجيل-الدخول","duration":"PT34M46S"},{"url":"https://www.youtube.com/watch?v=vTstRQmFT0E","slug":"اضافة-فورم-اضافة-ال-expense","duration":"PT25M19S"},{"url":"https://www.youtube.com/watch?v=Mnl575S3Uhg","slug":"selecting-expense-month","duration":"PT24M1S"},{"url":"https://www.youtube.com/watch?v=UKMmShhjwjY","slug":"editing-expense","duration":"PT28M13S"},{"url":"https://www.youtube.com/watch?v=xaiHGYtM5dc","slug":"ربط-تسجيل-الدخول-مع-redux","duration":"PT33M32S"},{"url":"https://www.youtube.com/watch?v=yPrvFxesEyQ","slug":"الاعدادات-الاولية","duration":"PT29M58S"},{"url":"https://www.youtube.com/watch?v=KSlHF60KX18","slug":"react-setup","duration":"PT26M28S"},{"url":"https://www.youtube.com/watch?v=cuaW68OIjXc","slug":"deleting-expense-and-statistics","duration":"PT30M6S"},{"url":"https://www.youtube.com/watch?v=xn2MtFWfLdY","slug":"crud-operation","duration":"PT37M49S"},{"url":"https://www.youtube.com/watch?v=boKH1mV5c9c","slug":"login-functionality","duration":"PT30M55S"},{"url":"https://www.youtube.com/watch?v=i8uMxHVaYDc","slug":"حفظ-ال-expense-والتعامل-مع-الاخطاء","duration":"PT28M18S"},{"url":"https://www.youtube.com/watch?v=tiRTTflWtW8","slug":"users-registration","duration":"PT34M40S"},{"url":"https://www.youtube.com/watch?v=jOdkx-lkauE","slug":"logout-and-protected-route","duration":"PT36M58S"},{"url":"https://www.youtube.com/watch?v=9qrB1thBJdU","slug":"عرض-ال-expense","duration":"PT29M"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}},{"id":37,"title":"Build Multiplayer Tic Tac Toe","description":"<p>تعلم كيفية بناء لعبة Tic Tac Toe online&nbsp;</p>","slug":"build-multiplayer-tic-tac-toe","level":"Intermediate","thumbnail":null,"lectures":[{"url":"https://www.youtube.com/watch?v=0zKlQtUeXic","slug":"part-1","duration":"PT33M17S"},{"url":"https://www.youtube.com/watch?v=XgyZ2iSHtGc","slug":"part-2","duration":"PT50M52S"},{"url":"https://www.youtube.com/watch?v=Kt7T1u_OcNk","slug":"part-3","duration":"PT32M6S"},{"url":"https://www.youtube.com/watch?v=TDHdTr4uKqw","slug":"part-4","duration":"PT35M40S"}],"language":{"id":6,"name":"Arabic","iso2":"ar"}}]}},"pageContext":{"id":"Tag_10","language":"en","i18n":{"language":"en","languages":["en","ar","am","sw"],"defaultLanguage":"en","generateDefaultLanguagePage":true,"routed":true,"originalPath":"/tags/React","path":"en/tags/React"}}},"staticQueryHashes":["63159454"]}