RJ @RJCodeFusion

Tweets

34
Followers

89
Following

241
Likes

155

RJ @RJCodeFusion

2 weeks ago

React😎

1 1 6 236 1

Download Image

🎨 Changed background with useEffect! 🟦 When count ≥ 5 → page turns lightblue ⬜ When count < 5 → resets to default Steps: 1️⃣ Tracked count with useState 2️⃣ Used useEffect watching [count] 3️⃣ Inside effect → updated document.body.style.backgroundColor

0 0 5 150 0

Download Image

RJ @RJCodeFusion

4 days ago

✨ React Refs let you work with DOM elements directly without causing re-renders. 🔹 Create a ref with useRef 🔹 Attach it to your input 🔹 One button can call .focus() to place the cursor 🔹 Another can call .blur() to remove focus Smooth DOM control, zero state updates ⚡

0 0 4 110 0

Download Image

RJ @RJCodeFusion

4 days ago

1 0 5 72 0

Download Image

RJ @RJCodeFusion

5 days ago

💡 In React, when multiple components need the same data, "lift state up". Example: input boxes showing the same text. ❌ Each manages its own state → out of sync ✅ Parent holds the state → both stay synced Key: Parent = single source of truth 🔑 #ReactJS #JavaScript

1 0 4 320 0

Download Image

RJ @RJCodeFusion

5 days ago

💡 In React, when multiple components need the same data, "lift state up". Example: 2 input boxes showing the same text. ❌ Each manages its own state → out of sync ✅ Parent holds the state → both stay synced Key: Parent = single source of truth 🔑 #ReactJS #JavaScript

1 0 4 81 0

Download Image

RJ @RJCodeFusion

5 days ago

2 0 7 815 0

Download Image

RJ @RJCodeFusion

6 days ago

Props vs. State😎

1 0 3 354 0

Download Image

RJ @RJCodeFusion

7 days ago

I just built a simple React Todo List ✅ ✨ Add new todos through an input field ✔️ Mark todos as completed 📋 View all todos in a list 🙌 Shows a friendly message when no todos exist

2 0 3 69 0

Download Image

RJ @RJCodeFusion

7 days ago

I just built a simple React Todo List ✅ ✨ Add new todos through an input field ✔️ Mark todos as completed 📋 View all todos in a list 🙌 Shows a friendly message when no todos exist

1 0 4 62 0

Download Image

RJ @RJCodeFusion

a week ago

Complex state (React)😎

0 0 4 75 0

Download Image

RJ @RJCodeFusion

a week ago

Built a React component to practice complex state updates 👩‍💻 ✨ Update name only if input isn’t empty 🔢 Convert + validate age before updating 🏙️ Handle nested objects (address.city) with nested spreads

1 0 3 71 0

Download Image

RJ @RJCodeFusion

a week ago

Learning how React handle forms 👩‍💻 So far it seems to be about: 👉 value for inputs / checked for radios & checkboxes 🔄 onChange to update state

0 0 4 64 0

Download Image

RJ @RJCodeFusion

a week ago

Built a React component that updates live as you type and responds to a button click 🎯 ✅ Typing updates both the input + display in real time ✅ Clicking a button fills both with random characters

0 0 8 76 0

Download Image

RJ @RJCodeFusion

a week ago

🚀 Temperature Converter in React using the useState Hook to manage dynamic temperature changes 🌡️ Increase/Decrease temperature 🔁 Switch between Celsius (°C) & Fahrenheit (°F) 🧠 Perfect mini-project to sharpen React skills!

0 0 3 79 0

Download Image

RJ @RJCodeFusion

a week ago

🚀 Built a React Product List App! ✅ Product cards with name, price & "Select" button 🔔 Click = alert: "Product Selected: [ProductName]" 🎨 Conditional borders: red if price > $50, gray otherwise 🔁 Used .map() to render all products efficiently #ReactJS #WebDev