- Import React
- Posts
- 🔥 React Cheat Sheet
🔥 React Cheat Sheet
And why does everybody use Tailwind?
Hey guys, happy Thursday!
I’m sharing a really popular Reddit thread on Tailwind CSS, diving into 10 React tips you’ll wish you knew earlier, and exploring a handy React server feature cheat sheet to simplify your projects. Plus a ton more.
I will be taking a short break over the holidays, Merry Christmas to all those who celebrate! 🎅
Now, let's get into the newsletter! 🤙
⚡️ The Latest In React
🖼️ Why almost everyone I see uses Tailwind CSS? What’s the hype?
A Reddit thread from user youngsenpaipai ignited a big discussion about the utility of Tailwind CSS in React. The Redditor admitted struggling to see the hype, calling the extensive use of inline classes "annoying" and asking others to share their thoughts or weigh the pros and cons compared to traditional CSS or modules. Fans of Tailwind were quick to praise its speed and flexibility, however others echoed the original poster’s frustrations. If you don’t already use Tailwind, it’s a good thread to quickly learn the pros and cons.
Do you use Tailwind CSS? |
📝 10 Things I Regret Not Knowing Earlier
Ndeye’s recent article on “10 Things I Regret Not Knowing Earlier in React” is a great read for React devs. It dives into practical tips like optimizing performance with useMemo
, choosing refs over state when appropriate, and the power of named exports. He also highlighted avoiding over-reliance on useEffect
, smarter debugging with React DevTools, and leveraging ESLint for mistake tracking.
📃 A React server feature cheat sheet
Composite recently created a React Server Feature Cheat Sheet which is really useful in my opinion. It breaks down essentials like server components, directives, and how to pass prop types between server and client components using use client
. It also explores use server
for handling server function return types, with a handy comparison of directive value types. If you’re working with React server features, this cheat sheet could be useful.
Learn how to make AI work for you
AI won’t take your job, but a person using AI might. That’s why 800,000+ professionals read The Rundown AI – the free newsletter that keeps you updated on the latest AI news and teaches you how to use it in just 5 minutes a day.
Quick Links
OpenAI have put together a library of their Build Hours, these are free video guides for founders and developers to get specific ideas for how to use OpenAI’s APIs and Models.
react-snow-overlay lets you add snow to your site with one line of code.
This year’s Github Unwrapped is now live, enter your Github username and get your free personalized unwrapped video.
React.gg has released a new page - React Visualized, which has many great visual explanations of how React components work.
The browser makes use of a single main thread for executing most important tasks, it’s responsible for running JavaScript, handling user interactions, and updating the DOM. Amrik Malhans wrote a great post on understanding this concept.
Start using the CRM that’s 100% free — with something for everyone. [sponsor]
Docker recently released a great guide on how to Dockerize a React app.
Charlie Holtz put Gemini 2.0 inside a desktop app and gave it access to his screen, terminal, clipboard, and the internet. He called it Bartleby.
Become a Master at Reusable Components
In this video, I will share with you the secrets of how to become a master at reusable components in React.
I'm going to walk you through my thought process when building components, the questions I ask myself, and the tricks that I use to write senior-level components so that you can too!
Check it out below. 👇️
See you soon!
Darius