Important Announcement and a Snippet that every Dev must know πŸ’ͺ

Hey friend,

🚨 Before we start, I wanted to let you know that moving forward, this newsletter will be sent once every 3 weeks instead of weekly.

The main reason is that I've been working on a very exciting project πŸŽ‰ and most of my time will be invested in that.

I've been focusing on Shipping a course on transitioning developers transition into Engineering Managers πŸš€.

It's a course for Aspiring Engineering Managers or Newer Engineering Managers. So, suppose you are a developer interested in becoming an Engineering Manager. In that case, I'll teach you how to build a high-performing team and everything you need to know/do to be successful!

If you are interested, click this button and add yourself to the waitlist.

You'll hear course updates, behind the scenes and can help craft the course curriculum

Moving on, another popular requested topic is Next.js 13 and how we can fetch data. Y'all really love Next.js 13, and here is a snippet.

Our Weekly Snack: Next.js 13 Fetch Static Data

With Next.js 13's experimental changes, how we fetch data will change significantly. Today's snippet shows you how you can fetch data statically in Next.js 13. In Next.js 12, we can bring data using getStaticProps if you can pre-build the page and your page is entirely static.

But with Next.js 13, we no longer need to use `getStaticProps` to fetch data statically. Instead, we can directly do that using `fetch.`

Fetch API now takes a property called { cache: 'no store' } as a 2nd parameter to the fetch function, allowing you to do this.

In the above snippet, we are fetching data from the Pokemon API, and since `fetch` returns a promise, we are calling `await` so we can wait for the promise to resolve. You don't need to provide this property explicitly, as it's there by default for us.

React team also released `use` so you don't have to use await anymore. Check out the RFC here.​

The Frontend Developers News πŸ”₯

  • ​Gatsy got acquired by Netlify Just like Vercel, Netlify wants to be a leader in shipping static apps. But, they say, the future of the web is composable architectures, and only time will tell if Gatsby was worth an investment.
  • ​Ignite Cookbook A lot of times, spinning up React Native apps is cumbersome. This cookbook is easy for developers to browse and share code snippets (or β€œrecipes”) that actually work and spin up apps.

The Frontend Developers Toolbox 🧰

  • ​Llama Life: This is one of my favourite productivity apps. I've been using this to break up complex tasks, which has been a game changer.
  • ​Tinker: Create unique designs by manipulating whimsical machines and making serendipitous discoveries.
  • ​Coolors: If you suck at design just like I do, check out Coolors, which generates beautiful colour combinations for your designs 🎨.

πŸ‘‰ Tell me a bit more about you

Wow, so many new folks have joined, Welcome!! πŸ‘

This newsletter has grown quite a bit since I started it a few months ago. I’d love to get to know you a bit better. Can you please click one of the links below to best describe your situation,

I hope you have a great day!

A Frontend Newsletter that you'll love! πŸ’–