Ndeye Fatou Diop

You’re not “behind.”

You’re exactly where someone who’s trying should be.

Writing bad code is part of writing better code.

It’s the only way you learn.

Writing code that runs is one level.

Writing code that’s easy to read is the next.

Dear junior dev,

One year of relentless practice will put you ahead of people who dabbled for five.

const expensiveValue = useMemo( () => compute(a, b), [a] );

What is wrong with this #react code?

If your CSS doesn’t work, add a bright border.

Debug visually. Old trick, still gold.

const timestamp = Date.parse('2025-07-06'); console.log(timestamp); // e.g. 1751760000000

JavaScript Tip 💡

Use 𝙳𝚊𝚝𝚎.𝚙𝚊𝚛𝚜𝚎() to convert a date string to a timestamp

Dear junior dev,

It’s better to write simple code you understand than clever code you don’t.

useEffect(() => { const interval = setInterval(doStuff, 1000); return clearInterval(interval); }, []);

What is wrong with this #react code?

You can’t compare your progress to someone who’s been at it twice as long.

Stay in your lane.

// Reloads the browser tab location.reload();

JavaScript Tip 💡

Use 𝚕𝚘𝚌𝚊𝚝𝚒𝚘𝚗.𝚛𝚎𝚕𝚘𝚊𝚍() to force reload the current page

Dear junior dev,

Stop trying to learn everything at once.

• Pick one thing.
• Go deep.

That’s how you grow.

const MyComponent = () => { <div>Hello</div>; };

What is wrong with this #react code?

Most of software development is just figuring out why something doesn’t work.

I love doing this. Great share 🙏

💯

Always happy to help 🙏

document.designMode = "on";

JavaScript Tip 💡

Use 𝚍𝚘𝚌𝚞𝚖𝚎𝚗𝚝.𝚍𝚎𝚜𝚒𝚐𝚗𝙼𝚘𝚍𝚎 = "𝚘𝚗" to 𝗺𝗮𝗸𝗲 𝗮𝗻𝘆 𝘄𝗲𝗯𝗽𝗮𝗴𝗲 𝗲𝗱𝗶𝘁𝗮𝗯𝗹𝗲 (great for quick mockups or demos)

Dear junior dev,

Googling/using AI tools isn’t cheating.

It’s part of the job.

useEffect(() => { fetch('/api/user'); setLoaded(true); }, []);

What is wrong with this #react code?

Promise.resolve(42).then(console.log); // 42

JavaScript Tip 💡

Use 𝙿𝚛𝚘𝚖𝚒𝚜𝚎.𝚛𝚎𝚜𝚘𝚕𝚟𝚎(𝚟𝚊𝚕𝚞𝚎) and 𝙿𝚛𝚘𝚖𝚒𝚜𝚎.𝚛𝚎𝚓𝚎𝚌𝚝(𝚎𝚛𝚛𝚘𝚛) to quickly create resolved or rejected promises.

Dear junior dev,

You’ll look back one day and be shocked at how far you’ve come.

Keep going 💪.

const MyComponent = () => { const inputRef = useRef(null); // ... some logic that uses inputRef return <input ref={inputRef.current} />; };

What is wrong with this #react code?

Debugging is 80% of coding.

Once you accept that, everything gets easier.

console.log(String.raw`Line1\nLine2`); // => "Line1\nLine2" (no actual newline)

JavaScript Tip 💡

Use 𝚂𝚝𝚛𝚒𝚗𝚐.𝚛𝚊𝚠 with template literals to output raw strings, ignoring escapes.

Dear junior dev,

You don’t need more fancy tools.

You need more reps.

const handleSubmit = () => { setIsSubmitting(true); if (isSubmitting) { return; } sendData(); };

What is wrong with this #react code?

FrontendJoy Learn how to become a Senior Frontend Engineer without a CS Degree or natural talent.

Most devs are stuck because they wait for a manager’s roadmap.

It rarely comes.

Yesterday, 3,128 devs learned how to steer their careers.

Miss it?

Catch up here ↓
www.frontendjoy.com/p/devs-own-...

JavaScript Tip 💡

Use 𝙾𝚋𝚓𝚎𝚌𝚝.𝚎𝚗𝚝𝚛𝚒𝚎𝚜() + 𝙰𝚛𝚛𝚊𝚢.𝚏𝚒𝚕𝚝𝚎𝚛() to filter object properties

Dear junior dev,

The seniors you admire once panicked over a merge conflict too.