Author | Lightnews

Ndeye Fatou Diop

@ndeyefatoudiop.bsky.social

180 followers 370 following 910 posts

Senior Frontend Engineer | 5+ years of experience I share tips to help overwhelmed junior frontend developers 🎉 . Join for free 👉 https://www.frontendjoy.com/subscribe

www.frontendjoy.com

Posts Media Videos Starter Packs

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 25

You’re not “behind.”

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 23

Writing bad code is part of writing better code.

It’s the only way you learn.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 22

Writing code that runs is one level.

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 21

Dear junior dev,

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 20

What is wrong with this #react code?

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 20

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

Debug visually. Old trick, still gold.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 19

JavaScript Tip 💡

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

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 19

Dear junior dev,

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 18

What is wrong with this #react code?

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 18

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

Stay in your lane.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 17

JavaScript Tip 💡

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

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 17

Dear junior dev,

Stop trying to learn everything at once.

• Pick one thing.
• Go deep.

That’s how you grow.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 16

What is wrong with this #react code?

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 16

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 15

I love doing this. Great share 🙏

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 15

💯

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 15

Always happy to help 🙏

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 15

JavaScript Tip 💡

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

1 1

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 15

Dear junior dev,

Googling/using AI tools isn’t cheating.

It’s part of the job.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 14

What is wrong with this #react code?

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 13

JavaScript Tip 💡

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

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 13

Dear junior dev,

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

Keep going 💪.

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 12

What is wrong with this #react code?

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

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 12

Debugging is 80% of coding.

Once you accept that, everything gets easier.

2 3 31

Ndeye Fatou Diop @ndeyefatoudiop.bsky.social · Jul 11

JavaScript Tip 💡

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

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