Redwood, the fullstack React framework and checking out Tailwind's new version

Redwood released a few months ago, it is a fully featured fullstack React framework. Tailwind, my CSS framework of choice, recently released a new version!

🗞 News

Credits to Fireship he’s an awesome YouTuber. Check him out in the video above or on his Twitter.

Redwood is a fully-featured full-stack framework that incorporates React! But, that’s not all it also contains all the backend libraries you may need as well as testing integration.

Main driving points:

• React

• GraphQL

• Prisma

• TypeScript

• Jest

• Storybook

That’s a ton of integrations straight out of the box! As you can tell from their choices it’s highly opinionated. This isn’t always bad, it covers a lot of ground on its own so you don’t have to worry about the details and can just start coding right away.

Here’s an example repository for a TODO application.

If you’re starting a new React application or just an application in general this is a solid choice.

Adam Wathan @adamwathan

We just released Tailwind CSS v3.1! 🥳 🧁 First-party TypeScript types 🍦 Improved CSS variable DX 🍩 Build-time imports for Tailwind CLI 🎂 Arbitrary variants (!) ...and more! Check it out 👉 tailwindcss.com/blog/tailwindc…Tailwind CSS v3.1: You wanna get nuts? Come on, let’s get nuts! - Tailwind CSSNow with first-party TypeScript types, arbitrary variants, improved CSS variable DX, and tons more.tailwindcss.com

June 9th 2022

139 Retweets789 Likes

Tailwind continues to be my favorite way to style components in React. It covers a ton of the styling choices for you so you don’t have to worry about it but it is also very hands-off in a lot of aspects so it is very extendable.

• First-party TypeScript types

• Built-in support for CSS imports in the CLI

• Change color opacity when using the theme function

• Easier CSS variable color configuration

• Border spacing utilities

• Enabled and optional variants

• Prefers-contrast variants

• Style native dialog backdrops

• Arbitrary values but for variants

One of my favorite new features is Typescript support!

For a full list check our Adam’s post above.

📦 More interesting Articles

• NextJS for browser extensions: Plasmo

• JavaScript hydration is a workaround not a solution

• Javascript Monorepos

• Angular 14 is now available

• Jest image snapshot testing

• Making a game in Microsoft Word

• How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

• Open source alternative to Twilio