I've been working on a Secret Project 🤫 + a React Snack

Hey friend,

I've been working on a secret Frontend Project for you. It's a very fun Holiday Challenge for Frontend Developers. It's called Ship React 🚀

Ship 5 React Apps in 5 Days

With this challenge, you'll Ship 5 React apps in 5 Days, and It's completely free!!!!

I'll teach you React, Next.js and Tailwind 🔥 and you only need to know basic HTML, CSS and JavaScript.

I've created this Holiday challenge to encourage developers to ship something for five days consecutively and release it out in the world.

Check it out 👀

Goals of Ship React Challenge

Push you to find time to learn from your busy day
Learn something new every single day
Have something to show off as you'll share your progress publicly daily.
Build cool stuff with other friends with the same goals

Creating frontend code is challenging enough, there's so much to learn that it can get overwhelming so use this challenge as a way to push yourself!

Leaderboard + Community

There will be a Leaderboard to track your progress based on the points you earn. The more things you complete, the more points you get, so it will be fun. 😈

Plus, you get access to a ✨ special community ✨, so if you are stuck, you can get help immediately. 🔥

Sign me up 🚀

I'm releasing this to you before everyone else, as newsletter subscribers always get first dibs on everything I've been working on before everyone else. 💖

Add me to the Challenge 💪

As a email subscriber, you won't need to re-confirm your email, just click the above magical "add me to the challenge" button and you'll be added to the challenge!

Alright, moving on to our weekly snack. Today, we will learn about a very fun and interesting function called "use". use is a Hook. 🪝

With React Server Components, the React team introduced "use" that allows you to invoke fetch without the "await response.json()," which returns a resolved fulfilled promise and works well with React Suspense, etc.

The runtime for use maintains an internal state machine to suspend and resume. This is very much an RFC, so feel free to give feedback here to the React team. Let's "use" a snippet 😉

I want the snippet to be accessible; hence now you can copy-paste snippets by clicking on the snippet 🎉

Latest Frontend Gossip/News 🤫

More awesomeness from Next.js 13, Next.js TypeScript Plugin

It brings context docs into your editor and helps surface errors before hitting save.

Hilarious Code Snippets (with comments) 🤣

This is a funny Reddit thread where folks share the most amusing snippets they discovered, and I can assure you, it's hilarious!

Frontend Developers Toolbox 🧰

InstaFest: This is more of a fun app that generates a concert list based on what you are listening to on Spotify

CanIUse: A handy app that provides what you can and can't use in your browser.