Find the code you need
Search through tutorials, code snippets, and development resources
ما هو حقن التبعيات (Dependency Injection)؟
يسهل حقن التبعيات استبدال العناصر الحقيقية بمحاكاة (Mocks) أثناء الاختبارات، مما يقلل التعقيد ويزيد دقة نتائج الاختبار.
يمكن تعديل أو استبدال أي تبعية دون تغيير الكائن الرئيسي، مما يجعل الكود أسهل في التطوير على المدى الطويل.
How to Stop SSH From Timing Out
Add:
Host *
ServerAliveInterval 60
ServerAliveCountMax 3How to Translate URLs in React (2025 Guide)
When building a multilingual React application, translating the visible content is just part of the job. To make your app SEO-friendly and user-centric, you also need to:
- Translate URLs/slugs (e.g.,
/about-us→/fr/a-propos) - Maintain SEO with hreflang for each language
- Improve UX by aligning URLs with user language
- Ensure route accessibility via browser language or manual switching
Globalization in React (2025 Trends & Best Practices)
new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD'
}).format(4999.99);
// Output: $4,999.99Make this dynamic in React:
Implementing Internationalization (i18n) in a Large React Application (2025 Guide)
Implementing i18n is no longer optional — it's essential in 2025 as user bases go global and inclusive design becomes the standard.
With i18next and react-i18next, you can:
Building Micro-Frontends with Webpack Module Federation (2025 Guide)
Each micro-frontend should be versioned and deployed separately.
Use shared in Module Federation to prevent loading duplicate libraries (like react, vue, etc.).
State Management Beyond Redux: Using Zustand for Scalable React Apps
Zustand is a small, fast, and scalable state management solution for React applications. Developed by the creators of Jotai and React-spring, Zustand aims to provide a minimalistic API based on hooks, eliminating the need for boilerplate code and context providers.
Key Features:
Mastering React Rendering Performance with Memoization and Context
const ThemeContext = React.createContext();
const UserContext = React.createContext(); const value = useMemo(() => ({ user, setUser }), [user]);How to Disable MySQL Password Validation on Ubuntu 25.04
Then you'll need to restart MySQL:
sudo systemctl restart mysqlHow to Move the MySQL Data Directory to a New Location on Ubuntu 25.04
Edit AppArmor profile for MySQL:
sudo nano /etc/apparmor.d/usr.sbin.mysqldHow to Install PHP, MySQL, and phpMyAdmin on Ubuntu 25.04 (LAMP Stack Setup Guide)
sudo nano /etc/apache2/sites-available/your_domain.conf <VirtualHost *:80>
ServerName your_domain
DocumentRoot /path/to/your/laravel/public
<Directory /path/to/your/laravel/public>
AllowOverride All
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>How to Fix NVIDIA Driver Issues on Ubuntu (Dell Vostro 3521)
#!/bin/bash
__NV_PRIME_RENDER_OFFLOAD=1 __GLX_VENDOR_LIBRARY_NAME=nvidia __GL_VRR_ALLOWED=0 "$@"Save and make it executable:
Avoiding Memory Leaks in C++ Without Smart Pointers
C++ developers often face memory management headaches, especially when working on legacy systems that don’t use C++11 or newer. Smart pointers like std::unique_ptr and std::shared_ptr are powerful, but what if you’re stuck with raw pointers?
In this tutorial, you'll learn:
Deep Copy in C++: How to Avoid Shallow Copy Pitfalls
This tutorial covers:
- What shallow vs deep copy means
- The problems caused by shallow copy
- How to implement deep copy correctly
- A practical class example with dynamic memory
- When to use
Rule of ThreevsRule of Five
Protect Your Forms Like a Pro: Anti-Spam Techniques That Actually Work
You can find your site + secret keys at:
Build a Custom Rate Limiter in Node.js with Redis
const userKey = req.headers['x-api-key'] || req.ip;
const key = `rate_limit:${userKey}`;You can now:
Arduino Basics: A Step-by-Step Tutorial
One of the simplest and most popular starter projects is blinking an LED. Follow these steps:
- Arduino board (e.g., Arduino Uno)
- Breadboard
- LED
- 220Ω resistor
- Jumper wires
Building a Real-Time Object Detection Web App with TensorFlow.js and p5.js
This HTML file loads p5.js, TensorFlow.js, and the COCO-SSD model library. We also reference our custom script file (sketch.js), which will contain our application logic.
Create a new file called sketch.js in your project folder. We’ll use p5.js to access the webcam and display the video on a canvas:
Building a Cross-Platform Desktop App with Tauri and Svelte: A Step-by-Step Tutorial
In a separate terminal window, start Tauri’s development server:
npx tauri devImplementing a Domain-Specific Language (DSL) with LLVM and C++
The lexer (or tokenizer) converts a stream of characters into a sequence of tokens. Each token represents a logical unit, such as a number or operator.
Header: Lexer.h