[🍿 Frontend Snacks] Tailwind Gradients and Grab your free E-book ✨

Hey friend,

I have been heads down pushing the last 1% of my course Developer to Leader which helps developers transition into Engineering Leadership. I underestimated the effort it takes to get through the finish line, but glad I am here!

I finally did it. Hurray!!! 🥳 The course is fully complete 😃

Ever want to level up into an Engineering Leader even if you don't have Leadership experience? Join us here. 🔥

I have Purchase Power Parity as well as Payment Plans available ✨. If you have any questions, please reply to this email and ask! 🙂

📕 FREE E-book: Defining Technical Excellence 🔥

In Developer to Leader, you will learn important things, such as defining Technical Excellence in your team and org. We all know the pain when an Engineering leader has it poorly defined. It gets frustrating for the developers as they are unsure of what to strive for.

Their team doesn't know the importance of it, which can lead to poor code quality and even product.

If you want a sneak peek at the E-book on Tech Excellence on how you can define it for your team, you can grab it for free here ↗ 🚀

🍿 Our Weekly Snack: Tailwind Gradients 💅

Let's learn how we can create the following block in Tailwind. Tailwind is an absolute game-changer, and you can create the below block in less than 5 minutes.

This block has been grabbed from Developer to Leader and I want to show you how you can create a seamless, beautiful-looking site with Tailwind.

Click on the image to copy the snippet and try it for yourself

🚀 Latest Frontend News

Learn what's new in the React and React Native world

​Libraries that support React Server Components ↗️

Here are some libraries ↗️ that support React Server Components already.

​How you can fix Next.js Hydration Errors ↗️

Have you ever seen this error? Warning Expected server HTML to contain a matching in Next.js. Learn how to fix it in this blog post.

​Learn the basics of Layout Animations in React Native ↗️

A free tutorial on React native animations.

​Wrap React Native APIs into Hooks ↗️

With this library, React Native APIs are turned into React Hooks, allowing you to access asynchronous APIs directly in your functional components.


💖 New Youtube Videos

​5 Software Engineering practices to become a top 1% Engineer​

video preview​

​4 Gotchas about React Server Components that you didn’t know Next.js 13​

video preview​

​Check it out and subscribe to my channel for more Frontend, Leadership and Career Development content. 💪

To support me, share this newsletter with your friends and co-workers; it helps a ton!


The Frontend Developers Toolbox 🧰

1️⃣ Purge CSS - A tool to remove unused CSS. It scans your project and only keeps the CSS classes you're using, reducing the size of your CSS files.

2️⃣ Tailwind UI - This premium resource provides ready-to-use components and templates built with Tailwind CSS. It can save you a lot of time when styling your applications.

3️⃣ Heroicons - A set of beautifully designed SVG icons that can be easily customized and used in your Tailwind CSS projects. It offers a wide variety of icon categories to choose from.

That's all for today; keep learning and growing!

Was this useful? With your feedback, I can improve future emails. Click on a link to vote:

​🔥 Loved it​

​😐 Meh - it was ok.​

​👎 You can make it better​

A Frontend Newsletter that you'll love! 💖