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…

tailwindcss.comTailwind 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.

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