🚀 𝐃𝐲𝐧𝐚𝐦𝐢𝐜 𝐓𝐢𝐭𝐥𝐞𝐬 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭: 𝐐𝐮𝐢𝐜𝐤 𝐓𝐢𝐩

mirnatul — Wed, 29 Oct 2025 18:29:16 +0000

If you want to set a dynamic page title in React, you can just put a title tag inside your component. But there’s a catch:

⚠️ Only one title should be rendered at a time. If more than one component adds a title at once, React will put all of them in the head, which can cause unexpected behavior in the browser and affect SEO.

{/* ❌ 𝚆𝚛𝚘𝚗𝚐 */} <𝚝𝚒𝚝𝚕𝚎>𝙱𝚘𝚘𝚔𝚒𝚗𝚐𝚜 {𝚙𝚊𝚐𝚎}</𝚝𝚒𝚝𝚕𝚎> {/* ✅ 𝙲𝚘𝚛𝚛𝚎𝚌𝚝 */} <𝚝𝚒𝚝𝚕𝚎>{𝙱𝚘𝚘𝚔𝚒𝚗𝚐𝚜 ${𝚙𝚊𝚐𝚎}}</𝚝𝚒𝚝𝚕𝚎>

The first one ends up creating an array (["Bookings", page]) instead of a string, so it doesn’t work properly. Using a template literal fixes it.

The PHP Project That Inspired React

mirnatul — Mon, 13 Oct 2025 16:17:33 +0000

📃The PHP Project That Inspired React

Before React, there was XHP 🧩
XHP (eXtensible Hypertext Preprocessor) was Facebook’s PHP extension that let developers write HTML directly inside PHP—safely and without messy string concatenation.

Instead of:
echo "<div class='user'>" . $userName . "</div>";

You could write:
<div class="user">{$userName}</div>

💡 Fun fact: React’s JSX was inspired by XHP!
The same ideas—structure, safety, and reusable UI components—eventually evolved into React’s component-driven model.
💻 ➡️ ⚛️ Next time you write JSX, remember where it all began!

Forem: mirnatul

🚀 𝐃𝐲𝐧𝐚𝐦𝐢𝐜 𝐓𝐢𝐭𝐥𝐞𝐬 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭: 𝐐𝐮𝐢𝐜𝐤 𝐓𝐢𝐩

The PHP Project That Inspired React